创立自定义字体图标@font-face可定义图标字体，将图标字体嵌入到网页中，并且可应用文本所i有款式应用语法： {代码…} 字体图标库的应用下载字体图标文件 阿里字体图标库：[链接] 自定义字体图标：[链接] {代码…} 文字暗影成果语法：text-shadow:X Y blur colorX，Y：文字暗影偏移量blur：暗影含糊color：暗影色彩 多…

过渡款式设置须要进行过渡的CSS款式：transition-property:款式名设置实现过渡的工夫(单位为秒或毫秒)：transition-duration:10ms设置过渡提早执行工夫(单位为秒或毫秒)：transition-delay:10ms设置过渡动画静止曲线：transition-timing-function:曲线名直线线性动画：linear缓速曲线动画：ease减速曲线动画：ease-in减…

理解BFC标准BFC即Block Formatting Contexts(块级格式化上下文)。具备BFC个性的元素能够看作是隔离了的独立容器，容器外面的元素不会在布局上影响到里面的元素，并且BFC具备一般元素所没有的一些个性。

设置表格款式设置表格边框与边框之间的间距：border-spacing: 数值;合并单元格边框：border-collapse: collapse;暗藏空单元格：empty-cells: hide;表格单元格布局设置：table-layout: fixed;内容垂直对齐形式：vertical-align顶部对齐——text-top居中对齐——middle底部对齐——text-bottom上标对齐——super下标对齐——sub设置…

绝对定位position:relative在没有设置偏移量时，对元素自身没有影响设置绝对定位后，元素不会脱离文档流，并且不会影响其余元素布局，但仍旧占位相对定位position:absolute设置相对定位后，元素会脱离文档流设置相对定位后，行内元素反对块元素个性，块元素反对行内元素个性设置相对定位后，元素参照最近设置绝对定位的…

设置透明度计划一： {代码…} 计划二： {代码…} 两种计划的区别：opacity为整体进行通明，rgba为指定局部进行通明设置鼠标手势 {代码…} 设置最大最小宽度 {代码…} 特点：容器自适应内容宽高

理解空白空间的解决 {代码…} 理解溢出内容局部解决 {代码…} 设置单行文本溢出省略号显示 {代码…} 设置多行文本溢出省略号显示 {代码…}

理解浮动款式的作用盒子默认是从上往下进行排列，当咱们须要将盒子进行从左往右进行排列时，须要应用浮动款式，扭转盒子的排列形式理解浮动款式的特点设置浮动后，盒子将脱离文档流，不占据地位设置浮动后，前面没有设置浮动的盒子占据它的地位，外面文字内容不会被遮住多个盒子设置浮动，会横向排列，如果总宽度大于窗…

理解盒模型根本组成外间距：margin内间距：padding边框：border内容区域：content元素大小蕴含了边框背景色填充只到边框（包含边框）文字在content区域增加理解内间距用于调整子元素与父元素之间空隙大小padding设置时，会撑大盒子宽高，设置盒子宽高时须要减去padding的值，或者设置box-sizing为border-boxpadding不支…

设置列表润饰符号 {代码…} 设置图片列表符号 {代码…} 设置列表符号的地位 {代码…} list-style 款式复合写法，款式值书写程序任意