重学CSS层叠样式表(文本属性值)

CSS指层叠样式表

  1. 样式定义如何显示HTML元素
  2. 样式通常存储在样式表中
  3. 外部样式表可以极大提高工作效率
  4. 外部样式表通常存储在CSS文件中
  5. 多个样式定义可层叠

文本:

属性描述属性描述
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从父元素继承该属性

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值