CSS
oRhino opened this issue · comments
颜色表示
- color keywords
- RGB颜色空间表示(rgb/rgba/十六进制表示/十六进制缩写)
文本属性
- text-decoration:
设置文本的修饰线外观的（下划线、贯穿线/删除线、上划线、闪烁）
它是text-decoration-line, text-decoration-color, text-decoration-style, 和新出现的text-decoration-thickness属性的缩写。
text-decoration-line:可以设置为 none, 或者一个及多个用空格分隔的下列值
none/underline/line-through/overline/blink
text-decoration-style: 用于设置由text-decoration-line设定的线的样式
solid | double | dotted | dashed | wavy
2.text-transform:
none | capitalize | uppercase | lowercase | full-width
3.text-indent(首行内容的缩进大小): px/em(相对于字体的大小)/百分比(取决于其包含块（containing block）的宽度)
4.text-align:定义行内内容(行内元素)（例如文字）如何相对它的块父元素对齐
left/right/center/justify(两端对齐,多行文本时可以看出效果)
text_align-last 最后一行在被强制换行之前的对齐规则。
5.word/letter-spacing:
词间距/字母间距
字体属性
-
font-size
指定字体的大小
绝对大小值|相对大小值|长度值|百分比值 -
font-family
通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。
属性值用逗号隔开。浏览器会选择列表中第一个该计算机上有安装的字体，或者是通过 @font-face 指定的可以直接下载的字体。 -
font-weight
设置文字的粗细(1-1000)
常见的取值: 100|200|300|400|500|600|700|800|900
默认400,bold:700
strong/b/h1-h6 等标签的font-weight默认就是bold
4.font-style
normal/italic(斜体,字体本身支持斜体时,显示的斜体)/oblique(倾斜,让文本进行倾斜)
em,i,cite,address,var,dfn等元素的font-style默认就是italic
5.font-variant
影响小写字母的显示形式
variant 变形的意思
normal(正常)|small-caps(将小写字母替换为缩小过的大写字母)
6.line-height
行高:两行文字基线baseline之间的间距
基线baseline:与小写字母x最底部对齐的线.(顶线,中线,基线,底线)
字体内容相对于line-height总是居中显示的,所以对于单行文本line-height = height可以让文字垂直居中.
7.font 属性缩写
font: font-style font-variant font-weight font-size/line-height font-family
- font-style font-variant font-weight 可以随意调换顺序,也可以省略
- /line-height可以省略,也可以不省略,不省略必须跟在font-size后面
- font-size font-family 不可以省略 也不可以调换顺序