字体文本 · Magic_sword2

[TOC] # 简介说明 ``` 版本：字体文本作用：字体文本 ``` # 字体文本 # font ***** 定义字体的属性，最后必须要有font-family属性 ### 参数说明 font-style: * 类型：字符串 * 默认值：无 * 描述：规定字体样式 * 可选值：[ normal | italic | oblique | inherit ] font-variant: * 类型：字符串 * 默认值：无 * 描述：设置小型大写字母的字体显示文本 * 可选值：[ normal | small-caps | inherit ] font-weight: * 类型：字符串 * 默认值：无 * 描述：字体的粗细程度，可以直接填写数字 * 可选值：[ bold | bolder | lighter | normal ] font-size/line-height: * 类型：字符串 * 默认值：无 * 描述：规定字体尺寸和行高，font-size是设置字体高度 * 可选值：[ ] font-family: * 类型：字符串 * 默认值：无 * 描述：规定字体系列，中文字体或者含有空格的字体名要加双引号 * 可选值：[ "Open Sans" | "Source Sans Pro" | "Helvetica Neue" | Arial | sans-serif ] # font-variant ***** 字体变种，可以通过font设置 ### 参数说明 font-variant-caps: * 类型：字符串 * 默认值：无 * 描述： * 可选值：[ ] font-variant-numeric: * 类型：字符串 * 默认值：无 * 描述： * 可选值：[ ] font-variant-alternates: * 类型：字符串 * 默认值：无 * 描述： * 可选值：[ ] font-variant-ligatures: * 类型：字符串 * 默认值：无 * 描述： * 可选值：[ ] font-variant-east-asian: * 类型：字符串 * 默认值：无 * 描述： * 可选值：[ ] # font-stretch ***** 定义一个正常或经过伸缩变形的字体外观，这个属性并不会通过伸展/缩小而改变字体的几何外形 # font-feature-settings ***** 用于控制OpenType字体中的高级印刷功能 # font-kerning ***** 是否应用字体字距调整 # font-smoothing ***** 决定了浏览器如何控制字体不要出现锯齿 # font-display ***** 仅用于@font-face中，决定了一个 @font-face 在不同的下载时间和可用时间下是如何展示的 # color ***** 设置字体颜色 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：字体颜色的值 * 可选值：[ ] # caret-color ***** 设置插入光标颜色 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：字体颜色的值 * 可选值：[ ] # direction ***** 规定文本的方向 / 书写方向 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：可选方向 * 可选值：[ ltr | rtl | inherit ] # unicode-bidi ***** 与 direction 属性一起使用，来设置或返回文本是否被重写，以便在同一文档中支持多种语言 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：规则 * 可选值：[ normal | embed | bidi-override | initial | inherit ] # writing-mode ***** 定义了文本在水平或垂直方向上如何排布 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：定义了文本在水平或垂直方向上如何排布，作用于table * 可选值：[ horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr ] # white-space ***** 控制空白字符的显示 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：指定元素内的空白怎样处理 * 可选值：[ normal | pre | nowrap | pre-wrap | pre-line | inherit ] # word-break ***** 控制单词如何被拆分换行 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：指定非CJK脚本的断行规则 * 可选值：[ normal | break-all | keep-all ] # overflow-wrap | word-wrap ***** 控制长度超过一行的单词是否被拆分换行 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：长单词如何换行 * 可选值：[ normal | break-word ] # word-spacing ***** 加或减少字与字之间的空白 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：字间距的数值 * 可选值：[ ] # letter-spacing ***** 增加或减少字符间的空白 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：字符间距的数值 * 可选值：[ ] # text-overflow ***** 文字单行超出显示的样式 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：待补充 * 可选值：[ clip | ellipsis | string{自定义修剪文本} ] # text-align ***** 指定元素文本的水平对齐方式 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：待补充 * 可选值：[ left | right | center | justify | inherit ] # text-justify ***** 当文本的 text-align 属性被设置为 :justify 时的齐行方法 # text-align-last ***** 规定如何对齐文本的最后一行 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：待补充 * 可选值：[ auto | left | right | center | justify | start | end | initial | inherit ] # text-decoration ***** 规定添加到文本的修饰，下划线、上划线、删除线等 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：待补充 * 可选值：[ none | underline | overline | line-through | blink | inherit ] # text-indent ***** 规定文本块中首行文本的缩进 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：缩进数字大小 * 可选值：[ ] # text-transform ***** 控制文本的大小写 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：文本的大小写 * 可选值：[ none | capitalize | uppercase | lowercase | inherit ] # text-shadow ***** 文字阴影 ### 参数说明 h-shadow: * 类型：字符串 * 默认值：无 * 描述：必需。水平阴影的位置。允许负值。 * 可选值：[ ] v-shadow: * 类型：字符串 * 默认值：无 * 描述：必需。垂直阴影的位置。允许负值。 * 可选值：[ ] blur: * 类型：字符串 * 默认值：无 * 描述：可选。模糊距离。 * 可选值：[ ] color: * 类型：字符串 * 默认值：无 * 描述：可选。阴影的颜色。请参阅 CSS 颜色值。 * 可选值：[ ] # content ***** 伪元素专用属性，承载的内容 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：承载的内容 * 可选值：[ ] # counter-increment ***** 伪元素专用属性，递增序号 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：递增序号 * 可选值：[ ] ### 示例内容 1. 使用案例 ``` h2:before { counter-increment: firstName; content: "Section " counter(firstName) ". "; } ``` # counter-reset ***** 伪元素专用属性，重置递增序号 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：重置递增序号 * 可选值：[ ] # quotes ***** q专用属性，引用的符号 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：自定义引用符号 * 可选值：[ ]