1. CSS 属性的继承
(1)继承特点:给父元素身上加了 css 属性后,他的后辈也失效
(2) 能够继承的属性
字体属性 :font-size(大小) font-weight(加粗) font-family(字体类型) font-style(字体歪斜)
文本类 :color(文本色彩) text-align(程度对齐形式) text-indent(缩进) line-height(行高) word-spacing(词间距) letter-spacing(字符间距) text-transform(大小写转换)
列表类 :list-style-type(列表符号的类型) list-style-postion(列表地位) list-style-image(列表图片) list-style
(3) 不可继承的属性
text-decoration(文本润饰) float(浮动) border(边框) padding(填充) margin(边距) width(宽度) height(高度)
2. 元素类型
(1)块级元素
-
特点 :
- 能够设置宽高
- 独占一行
- margin 和 padding 都失效
- 个别作为容器包裹他人,p 个别不包裹块级元素,包含他本人
- 比方:div p h1-h6 ul li ol dl dt dd form table
(2)内联元素
-
特点 :
- 不能够设置宽高, 由内容决定
- 在同一行显示
- padding 的左右失效,高低显示不正确。margin 左右失效,高低不失效
- 比方:a b i em strong span img sup sub
(3)内联块元素
-
特点 :
- 能够设置宽高
- 在同一行显示
- margin 和 padding 都失效
3. 元素类型的转换
- 属性:display
-
属性值:
block 块级元素
inline 内联
inline-block 内联块
none 暗藏