一.结构伪类选择器

（一）选择单个

（二）选择多个 

注：1.n+5指的是5以后的数字，包含5，n从0开始

2.-n+5指的是5以前的数字，同样包含5，并且n从0开始 

二.伪元素选择器 

 

注：1.是用来设置伪标签的，默认是行内格式

三.盒子模型（重点）

（一）组成

（二） 边框线

1.边框线的基础属性

2.单方向边框线

 

（三）内边距

1.内边距的基础属性

2.内边距多值写法 

注：1.多值写法的顺序为从上开始顺时针转动，如果当前方向没有数值，那么取值就和对面一样 

2.加了padding后盒子会被撑大

（四）尺寸计算 

（五）外边距

 1.外边距基础

2.版心居中 

注：1.要使用版心居中的效果需要使用auto关键字，使左和右的外边距相同 

（六）清除默认样式

注：1.可以使用list-style:none来清除列表前的序号，有序和无序的均可 

（六）元素溢出

1.hidden效果

原来

2. scroll效果

3. auto效果

 注：1.只有溢出了才会显示滚动条，如上面的横向的滚动条就没有显示

 （七）外边距问题

1.合并现象

2.塌陷问题 

注：1.推荐父级用padding来解决问题 

（八）行内元素垂直内外边距

注：1.margin和padding不能改变行内元素的上下内外边距，但是可以改变左右的 

（九）圆角模型 

1.基础属性

 2.圆角

注：1.rgba为半透明属性

注：本文是总结自B站黑马课程的，供自己学习复习使用