我发现无论是w3c亦或是菜鸟教程都有一些不准的地方,相比之下MDN就好很多,近来无事,正好整合一下发出来,方便以后开发
font-family
- 解释:font-family 允许您通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。
- 继承情况:是继承
- 示例:
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size
- 解释: CSS 属性指定字体的大小。因为该属性的值会被用于计算em和ex长度单位，定义该值可能改变其他元素的大小。
- 取值
- 绝对大小值
- 相对大小值
- 长度值
- 百分比值
- 示例:
/* <absolute-size>，绝对大小值 */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
/* <relative-size>，相对大小值 */
font-size: larger;
font-size: smaller;
/* <length>，长度值 */
font-size: 12px;
font-size: 0.8em;
/* <percentage>，百分比值 */
font-size: 80%;
font-size: inherit;
- 继承情况:参考父元素的字体大小
font-style
- 解释:CSS 属性允许你选择 font-family 字体下的 italic 或 oblique 样式。
- 取值
- normal:默认值;选择 font-family 的常规字体。
- italic:选择斜体，如果当前字体没有可用的斜体版本，会选用倾斜体（oblique ）替代。
- oblique:选择倾斜体，如果当前字体没有可用的倾斜体版本，会选用斜体（italic ）替代
- 继承情况:是继承
font-variant
- 解释设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小
- 取值
- normal:规定一个常规（normal）字型；每个非简写的属性的初始值都是normal
- small-caps:浏览器会显示小型大写字母的字体。
- inherit:规定应该从父元素继承 font-variant 属性的值。
- 继承情况:是继承
font-weight
- 解释:属性指定了字体的粗细程度。 一些字体只提供 normal 和 bold 两种值。
- 取值
- normal:默认值。定义标准的字符。
- bold:定义粗体字符。
- bolder:定义更粗的字符。
- lighter:定义更细的字符。
- 数值:定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
- inherit:规定应该从父元素继承字体的粗细
- 继承情况:是继承
