CSS指层叠样式表
- 样式定义如何显示HTML元素
- 样式通常存储在样式表中
- 外部样式表可以极大提高工作效率
- 外部样式表通常存储在CSS文件中
- 多个样式定义可层叠
文本:
属性 | 描述 | 属性 | 描述 |
color | 设置文本颜色 | text-decoration | 规定添加到文本的装饰效果 |
direction | 规定文本的方向 | text-indent | 规定文本块首行的缩进 |
letter-spacing | 设置字符间距 | text-transform | 控制文本的大小写 |
line-height | 设置行高 | vertical-align | 设置元素胡垂直对齐方式 |
text-align | 规定文本的水平对齐方式 | white-space | 设置怎样给元素控件留白 |
word-spacing | 设置单词间距 | text-emphasis | 向元素的文本应用重点标记以及重点标记的前景色 |
hanging-punctuation | 指定一个标点符号是否可能超出行框 | puncytuation-trim | 指定一个标点符号是否要去掉 |
text-align-last | 当text-align设置justify时,最后一行的对齐方式 | text-justify | 当text-align设置justify时指定分散的对齐方式 |
text-outline | 设置文字的轮廓 | text-overflow | 指定当文本溢出包含的元素,应该发生什么 |
text-shadow | 为文本添加阴影 | text-wrap | 指定文本换行规则 |
word-break | 指定非CJK文字的断行规则 | word-wrap | 设置浏览器是否对过长的单词进行换行 |
属性值:
color属性:(文本颜色)
值 | 描述 | 值 | 描述 |
color_name | 颜色值为颜色名称的颜色 | hex_number | 规定颜色值为十六进制值的颜色 |
rgb_number | 规定颜色值为十六进制值的颜色 | inherit: | 规定应该从父元素继承颜色 |
direction属性:
值 | 描述 |
ltr | 默认,文本方向从左到右; |
rtl | 文本方向从右到左; |
inherit | 规定应该从父元素继承direction属性的值; |
letter-spacing属性:
值 | 属性 |
normal | 默认。规定字符间没有额外的空间 |
length | 定义字符间的固定空间(允许使用负值) |
inherit | 规定应该从父元素继承letter-spacing属性的值 |
line-height属性:
值 | 属性 |
normal | 默认,设置合理的行间距 |
number | 设置数字。此数字会与2当前胡字体尺寸相乘来设置行间距 |
length | 设置固定的行距间 |
% | 基于当前字体尺寸的百分比行间距 |
inherit | 规定应该从父元素继承line-height属性的值 |
text-align属性:文本排列属性是用来设置文本的水平对齐方式(文本的对齐方式)
值 | 描述 |
left | 把文本排列到左边。默认:有浏览器决定 |
right | 把文本排列到右边 |
center | 把文本排列在中间 |
justify | 实现两端对齐文本效果 |
inherit | 规定应该从父元素继承text-align属性的值 |
text-decoration属性:用来设置或删除文本的装饰(文本修饰)
值 | 描述 |
none | 默认,定义标准的文本 |
underline | 定义文本下的一条线 |
overline | 定义文本上的一条线 |
line-through | 定义穿过文本下的一条线 |
blink | 定义闪烁的文本 |
inherit | 规定应该从父元素继承 |
text-indent属性:文本缩进属性是用来指定文本的第一行的缩进(文本缩进)
值 | 描述 |
length | 定义固定胡缩进。默认值 |
% | 定义基于父元素宽度的百分比的缩进 |
inherit | 规定应该从父元素继承text-indent属性的值 |
text-transform属性:文本转换属性,是用来指定一个文本中的大写和小写字母
值 | 描述 |
none | 默认。定义带有小写字母和大写字母的标准的文本 |
capitalize | 文本中的每个单词以大写字母开头 |
uppercase | 定义仅有大写字母 |
lowercase | 定义无大些字母,仅有小写字母 |
inherit | 规定应该从父元素继承text-transform属性的值 |
vertival-align属性:设置元素的垂直对齐
值 | 描述 |
baseline | 默认,元素放置在父元素的基线上 |
sub | 垂直对齐文本的下标 |
super | 垂直对齐文本的上标 |
top | 把元素的顶端与行中最高元素的顶端对齐 |
text-top | 把元素的顶端与父元素字体的顶端对齐 |
middle | 把元素放置在父元素的中部 |
bottom | 把元素的低端与行中最低的元素的顶端对齐 |
text-bottom | 把元素的底端与父元素字体的底端对齐 |
% | 使用line-height属性的百分比值来排列此元素,允许使用负值 |
inherit | 规定应该从父元素继承vertical-align属性的值 |
while-space属性:设置元素中空白的处理方式
值 | 描述 |
normal | 默认。空白会被浏览器忽略 |
pre | 空白会被浏览器保留 |
nowrap | 文本不会换行,文本会在在同一行上继续 |
pre-wrap | 保留空白字符序列,但是正常地进行换行 |
pre-line | 合并空白符序列,但是保留换行符 |
inherit | 规定应该从父元素继承WHITE-SPACE的值 |
word-spacing属性:指定段字之间的空间
值 | 描述 |
normal | 默认。定义单词间的标准空间 |
length | 定义单词间的固定空间 |
inherit | 规定应该从父元素继承word-spacing属性的值 |
unicode-bidi:设置或返回文本是否被重写
值 | 描述 |
normal | 默认,不使用附加的嵌入层面 |
embed | 创建一个附加的嵌入层面 |
bidi-override | 创建一个附加的嵌入层面,重新排序取决于direction属性 |
initial | 设置该属性为它的默认值 |
inherit | 从父元素继承该属性 |