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

• 比如： input img