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

你可能感兴趣的:(css)