分类 CSS 下的文章
CSS弹性盒
目录：弹性盒<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
CSS实现动画效果
目录：一.过渡效果过渡 transition-property: 过渡效果 transition-duration: 指定过渡效果的持续时间 时间单位：s 和ms 过渡(trannsition) -通过过渡可以指定一个属性发生变化时的切换方式 -通过过渡可以创建一些非常好的效果，提升用户的体验 transition-property : 指定过渡的属性,多个属性见使用，隔开,如果所有属性过渡，则使用all关键字 transition-duration: 指定过渡效果的持续时间 单位：s和ms ...
CSS中字体和背景(font && background)
目录：图标字体图标字体（inconfont） -在网页中经常需要使用一些图标，可以通过图片引入图标，但是图片大小本身比较大，并且非常的不灵活 -所以在使用图标时，我们还可以将图标直接设置为字体 通过font-face的形式来对字体进行引入fontawesome 使用步骤 1.官网https://fontawesome.com/ 2.解压 3.将css和webfonts引入到项目中 4.将all.css引入到网页中 5.使用图标字体-直接通过类名来使用图标字体 class="fas fa-bell" fas和fab是固定格式 class="fab ......"通过伪元素来设置图标字体 ...
CSS-定位的简介-相对定位-绝对定位
top bottom left right 绝对定位 -position:absolute -绝对定位的特点 1.不设置偏移量不会发现变化 2.开启绝对定位后，元素会从文档流脱离 3.绝对定位会使元素提示一个层次 4.绝对定位会改变元素的性质，内行变成块，块的宽高被内容撑开 5.绝对定位元素是相对于其包含块进行定位的 包含块 -正常情况下 包含块就是离当前元素最近的祖先元素-绝对定位的包含块 包含块就是离它最近的开启了定位的祖先元素 如果所有的祖先元素都没有开启定位则根元素就是它的包含块 -html（根元素，初始包...
盒子模型--水平方向布局--垂直方向布局
水平方向布局元素的水平方向的布局 元素在其父元素中水平方向的位置由以下几个属性共同决定margin-leftborder-leftpadding-leftwidthpadding-rightborder-rightmargin-right一个元素在其父元素中，水平居中必须满足以下的等式 margin-left 加 border-left 加 padding-left 加 width 加 padding-right 加 border-right 加 margin-right = 父元素内容区的宽度（必须满足） width为200px 0 + 0 + 0 + 200...