乐趣区

关于css:day8

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

退出移动版