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 暗藏