css中的元素显示模式特点及可被继承的常见的属性

152 阅读1分钟

块级元素特点: 1、独占一行
2、宽度默认是父元素的宽度,高度默认由内容撑开
3、可以设置宽高
代表标签:div,p,h系列,ul,li,dl,dd,form,header,nav,footer
转换属性代码:display:block
///    
行内元素特点: 1、一行可以显示多个
2、宽度和高度默认由内容撑开
3、不可以设置宽高
代表标签:a、span 、b、u、i、s、strong、ins、em、del……
转换属性代码:display:inline
///
行内块元素特点:1、一行可以显示多个
2、可以设置宽高
代表标签:input,textarea,button,select
转换属性代码:display:inline-block

007.png

可被继承的常见的属性:\

  1. color\
  2. font-style,font-weight,font-size,font-family\
  3. text-indent,text-align\
  4. line-height

注意:a标签的颜色,标题标签的文字大小这两个要单独选出来改变