CSS

1.定位的拓展 1.1绝对定位的盒子居中 left: 50%;：让盒子的左侧移动到父级元素的水平中心位置； margin-left: -100px;：让盒子向左移动自身宽度的一半。 盒子居中定位示意图

为什么需要定位、定位组成、定位模式、边偏移、静态定位、相对定位relative、绝对定位absolute、子绝父相、固定定位fixed、粘性定位sticky、定位叠放次序、总结

CSS属性书写顺序、网页布局整体思路、确定版心、导航栏注意点、案例练习、浮动的盒子不会有外边距合并的问题

3. 清除浮动 3.1 为什么需要清除浮动 由于父级盒子很多情况下，不方便给高度，当时盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的盒子，对后面元素排版产生影响。 3.2 清除浮动的

浮动（float)、标准流、为什么需要浮动、什么是浮动、浮动特性、浮动元素经常和标准流父级元素搭配使用、常见的网页布局。

1. 盒子模型 1.1 看透网页布局的本质 网页布局过程： 准备网页元素，网页元素基本都是盒子 box 利用 CSS 设置好盒子样式，然后摆放到相应位置。 往盒子里放东西。 本质：利用 CSS 摆盒子

1 CSS的背景 CSS 背景属性可以给元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 1.1 背景颜色 background-color 定义了元素

1 CSS的元素的显示模式 1.1 元素的显示模式 作用：网页标签很多，不同地方需要不同类型的标签更好的布局网页 元素的显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可

1. Emmet语法 快速生成 HTML 结构代码 生成标签 直接输名字 tab键，比如div tab键； 生成多个标签 加上*即可，例如div*3; 父子级关系标签 用>即可，例如ul>li; 兄弟

1. 字体属性 1.1 字体系列 CSS使用font-family属性定义文本的字体系列。 各种字体之间必须用英文逗号隔开。 一般情况下，如果有空格隔开的多个单词组成的字体，加引号（单双都可）。 尽量

1. CSS简介 美化网页、布局页面的。 1.1 HTML的局限性 只关注内容的语义，可以做简单的样式，但是很臃肿和繁琐。 1.2 CSS-网页美容师 CSS是层叠样式表的简称，也称CSS样式表或级联