web学习day-7

1.结构伪类选择器：根据元素的结构关系来查找元素；

可用公式来使选择更灵活：

2.伪元素选择器：创建虚拟元素（伪元素），用来摆放装饰性内容；

3.盒子模型：由内容区域、内边距、边框线、外边距组成

4.盒子模型--边框线：

设置单方向边框线：

5.盒子模型--内边距：

内边距多值写法：

6.盒子模型--尺寸计算：

盒子尺寸=内容尺寸+border尺寸+内边距尺寸

7.外边距与内边距写法相同：可以加left、right、top、bottom来设置某个特定方向的外边距；同样与内边距相似，有多值写法（看上面的padding举一反三）；margin属性设置为n auto可实现版心居中（n为像素，而且盒子必须有宽度才可以实现版心居中）；

8.清楚默认样式：

去除列表项目符号：

9.盒子模型--元素溢出：

10.外边距问题--合并现象：垂直排列的兄弟元素，上下margin会合并，margin中较大值会生效；

外边距问题--塌陷问题：父子级标签，子级添加上外边距会导致父级一起向下移动

11.行内元素--内外边距问题：

12.盒子模型--圆角：

正圆：给正方形盒子设置圆角属性值为宽高的一半/50%；

胶囊：给长方形盒子设置圆角属性值为宽高的一半/50%；

13.盒子模型--阴影：