1、clear:both 消除左右浮动

2、div 块级元素 浮动 float

3、css选择器:元素、关系、属性、伪类、伪对象选择器

4、css布局:固定、流式、浮动、定位、弹性、margin padding

5、@import  指定 导入引用css;link 标准的html标签

6、Emment:HTML速写语法。

  例:ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{¥15}+span.love+span.num{787878})*15

  选中 tab执行

7、左右分栏:<dl> 自定义列表;<dt> 标题;<dd>列表

8、font-weight:字体粗细

9、display:inline-block 行内块元素

      inline-table 内联表格

10、:nth-child(an+b):这个css伪类首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)。

  示例:​​0n+3​​ 或简单的 ​​3​​ 匹配第三个元素。

11、CSS padding属性:padding:10px 5px 15px 20px; 指:上右下左内边距依次为:10px 5px 15px 20px

           padding:10px 5px 15px;指:上内边距为:10px,右内边距和左内边距是 5px,下内边距是 15px

           padding:10px 5px;指:上内边距和下内边距是 10px,右内边距和左内边距是 5px

           padding:10px;指:上右下左内边距均为10px

12、盒子模型:主要五个属性:width和height:内容的宽度、高度(不是盒子的宽度、高度)。

              padding:内边距。

              border:边框。

              margin:外边距。