HTML的全局属性

• accesskey:设置快捷键，提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素
• class:为元素设置类标识，多个类名用空格分开，CSS和javascript可通过class属性获取元素
• contenteditable: 指定元素内容是否可编辑
• contextmenu: 自定义鼠标右键弹出菜单内容
• data-*: 为元素增加自定义属性
• dir: 设置元素文本方向
• draggable: 设置元素是否可拖拽
• dropzone: 设置元素拖放类型： copy, move, link
• hidden: 表示一个元素是否与文档。样式上会导致元素不显示，但是不能用这个属性实现样式效果
• id: 元素id，文档内唯一
• lang: 元素内容的的语言
• spellcheck: 是否启动拼写和语法检查
• style: 行内css样式
• tabindex: 设置元素可以获得焦点，通过tab可以导航
• title: 元素相关的建议信息
• translate: 元素和子孙节点内容是否需要本地化

CSS可继承属性

• 关于文字排版的属性如：
  • font
  • word-break
  • letter-spacing
  • text-align
  • text-rendering
  • word-spacing
  • white-space
  • text-indent
  • text-transform
  • text-shadow
• line-height
• color
• visibility
• cursor

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：设置当元素内部发生分页时必须在页面底部保留的最少行数。

9、声音样式属性

speak：设置或检索声音是否给出。speak-punctuation：设置或检索标点符号如何发音。

speak-numeral：设置或检索数字如何发音。speak-header：设置或检索表格头与其后的一系列单元格发生多少次关系。

speech-rate：设置或检索发音速度。volume：设置或检索音量。

voice-family：设置或检索当前声音类型。pitch：设置或检索音高。

pitch-range：设置或检索声音的平滑程度。stress：和pitch-range相似。设置或检索当前声音波形的最高峰值。

richness：设置或检索当前声音的音色。azimuth：设置或检索当前声音的音场角度。

elevation：设置或检索当前声音的音源仰角。

10、所有元素可以继承的属性：visibility、cursor

11、内联元素可以继承的属性：

（1）字体系列属性

（2）除text-indent、text-align之外的文本系列属性

12、块级元素可以继承的属性：text-indent、text-align

有继承性的属性：

1、字体系列属性
font：组合字体
font-family：规定元素的字体系列
font-weight：设置字体的粗细
font-size：设置字体的尺寸
font-style：定义字体的风格
font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为font-stretch：允许你使文字变宽或变窄。所有主流浏览器都不支持
font-size-adjust：为某个元素规定一个 aspect 值，字体的小写字母 “x” 的高度与 “font-size” 高度之间的比率被称为一个字体的 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
9、声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、 speech-rate、volume、voice-family、pitch、pitch-range、 stress、richness、、azimuth、elevation

所有元素可以继承的属性：

1、元素可见性：visibility、opacity
2、光标属性：cursor

内联元素可以继承的属性:

1、字体系列属性
2、除text-indent、text-align之外的文本系列属性

块级元素可以继承的属性:

1、text-indent、text-align

无继承的属性

1、display
2、文本属性：vertical-align： text-decoration： text-shadow： white-space： unicode-bidi：
3、盒子模型的属性:宽度、高度、内外边距、边框等
4、背景属性：背景图片、颜色、位置等
5、定位属性：浮动、清除浮动、定位position等
6、生成内容属性:content、counter-reset、counter-increment
7、轮廓样式属性:outline-style、outline-width、outline-color、outline
8、页面样式属性:size、page-break-before、page-break-after
继承中比较特殊的几点
1、a 标签的字体颜色不能被继承
2、h1-h6标签字体的大小是不能被继承的因为它们都有一个默认值

转自 https://www.jianshu.com/p/fbfc6c751e34