笔记

导航栏案列：

行高等于盒子的高度 可以让单行文本垂直居中，小于盒子高度文字偏上，大于盒子高度文字偏下；

行内元素，行内块元素我们可以看作文本；

注意点：

1. 只有 文字 才能组成 段落，因此 p 里面不能放块级元素，同理还有h1等标题标签和dt，他们都是文字类块标签，里面不能放其它块级元素。

2. 链接里面不能放链接

3. a里面不能放块级元素

表格细线边框：

border-collapse: collapse;   /*合并相邻表格*/

内边距：

padding

padding-left

padding-right

padding-top

padding-bottom（这五种书写方式）

外边距实现盒子居中：

① margin-left ：auto ;    margin-right : auto;  /*  auto 自动 */

②  margin ：0 auto；

③  margin ：auto；/* 上下左右auto，上下auto是不起效果的，所以是只解析了左右auto，也是可以实现盒子水平居中的 */

notice：使一个盒子水平居中（ margin：0 auto；）需要满足下面两个条件：

1， 必须是块级元素。

2， 盒子必须指定了宽度。

嵌套元素垂直外边距合并 解决办法：

1. 给父元素定义1像素的边框或者上内边距

2. 可以给父元素添加 overflow：hidden

圆角：

border-radius：

盒子阴影 语法格式：

box-shadow：水平阴影 垂直阴影 模糊距离（虚实）阴影尺寸（大小）| 阴影颜色 内外阴影

小知识点：

加了 浮动 和 定位 的盒子，margin：0 auto；失效

伪元素：

伪元素默认的是行内元素，没有宽高。