HTML&CSS-Day5

P1继承

1.子元素会继承父元素的某些属性。

2.通常，跟文字内容相关的属性都能被继承。

P2属性值的计算过程

1.一个元素一个元素依次渲染，顺序按照页面文档的树形目录结构进行。

2. 渲染每一个元素的前提条件：该元素的所有CSS属性必须有质。

3.一个元素，从所有属性都没有值，到所有属性都有值，这个计算过程，叫做属性值的计算过程。

4.属性值的计算过程：

（1）确定声明值；（2）层叠冲突（3）使用继承（4）使用默认值

 

5.特殊的两个CSS值：

inherit：手动（强制）继承，将父元素的值取出应用到该元素。

initial：初始值，将该属性设置为默认值。

P3盒模型

1.box：盒子，每个元素在页面中都会生成一个矩形区域（盒子）。

2.盒子类型：

（1）行盒，display等于inline的元素。

（2）块盒，display等于block的元素。

（3）行盒在页面中不换行，块盒在页面中独占一行。

（4）display默认值为inline。

3.浏览器默认样式表设置的块盒：容器元素、h1-h6、p。

4.常见的行盒：span、a、img、video、audio。

5.盒子的组成部分

无论是行盒还是块盒，都有下面几部分组成，从内到外分别是：

（1）内容 content

width、height 设置的是盒子内容的宽高。

（2）填充 padding

（3）边框 border

（4）外边框 margin