4、学什么之前端CSS继承属性

学什么之前端CSS继承属性，本文全文阅读大约3分钟

• 无继承性的属性

  1. display：规定元素应该生成的框的类型
  2. 文本属性：
     • vertical-align：垂直文本对齐
     • text-decoration：添加文本装饰
     • text-shadow：文本阴影效果
     • white-space：空白符的处理
     • unicode-bidi：设置文本的方向
  3. 盒子模型的属性：
     • width、height
     • margin、margin-top/right/bottom/left
     • border、border-top/right/bottom/left
     • border-style、border-top/right/bottom/left-style
     • border-width、border-top/right/bottom/left-width
     • border-color、border-top/right/bottom/left-color
     • padding、padding-top/right/bottom/left
  4. 背景属性：
     • background
     • background-color
     • background-image
     • background-repeat
     • background-position
     • background-attachment
  5. 定位属性：
     • float
     • clear
     • position
     • top/right/bottom/left
     • min-width/min-height、max-width/max-height
     • overflow
     • clip
     • z-index
  6. 生成内容属性：
     • content
     • counter-reset
     • counter-increment
  7. 轮廓样式属性：
     • outline-style
     • outline-width
     • counter-color
     • outline

• 有继承性的属性

  1. 字体系列属性
     • font：组合字体
     • font-family：字体系列
     • font-weight：字体粗细
     • font-size：字体尺寸
     • font-style：字体风格
     • font-variant：小写字母转换为大写，字体尺寸更小
     • font-stretch：对当前font-family进行伸缩变形。所有主流浏览器不支持。
     • font-size-adjust：为某个元素规定一个aspect值，保持首选字体的x-height
  2. 文本系列属性
     • text-indent：文本缩进
     • text-align：文本水平对齐
     • line-height：行高
     • word-spacing：字间距
     • letter-spacing：字符间距
     • text-transform：控制文本大小写
     • direction：文本书写方向
     • color：文本颜色
  3. 元素可见性：visibility
  4. 表格布局属性
     • caption-side
     • border-collapse
     • border-spacing
     • empty-cells
     • table-layout
  5. 列表布局属性
     • list-style-type
     • list-style-image
     • list-style-position
     • list-style
  6. 生成内容属性：quotes
  7. 光标属性：cursor
  8. 页面样式属性
     • page
     • page-break-inside
     • windows
     • orphans