css文本、文字

css文本属性可定义文本的外观。通过文本属性,可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进等等。
css字体属性定义文本的字体系列、大小 、加粗、风格和变形。

文本阴影(text-shadow属性)
语法:
text-shadow:none|< length >none|[< shadow >,]*< shadow >
text-shadow:none|< color >[, < color >]*
默认不值为none,适用于所有元素。
color:表示颜色
length:表示由浮点数字和单位标识组成的长度值,可能为负值,指定阴影的水平延伸距离。
text-shadow属性的第一个值表示水平位移,第二个值表示垂直位移,正值为偏右或偏下,负值为偏左或偏上,第三个值小时模糊半径,该值可选,第四个值表示阴影颜色(默认由和字体颜色一致)

文本颜色(color)
为不同的元素设置颜色。
值:
color_name:规定颜色值为颜色名称的颜色
hex_number:规定颜色值为16进制的颜色
rgb_number:规定颜色值为rgb代码的颜色
inherit:规定从父元素继承颜色

文本方向(direction)
direction属性规定文本的方向(书写方向)
默认值:ltr
可能值:
ltr : 文本方向从左到右(默认)
rtl : 文本方向从右到左
inherit:规定一个从父元素继承direction属性
–该属性比较少用到

文本行高(line-height)
line-height属性用来设置行间的距离(行高)
值:
normal : 设置合理的行间距(默认)
number: 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length:设置固定的行间距。
%:基于当前字体尺寸的百分比行间距。
inherit:规定应该从父元素继承line-height属性的值。

设置字符间距(letter-spacing)
letter-spaceing属性用来增加或减少字符间的空白(字符间距)
该属性定义了在文本字符框之间插入多少空间。由于字符字型通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。
值:
normal:规定字符间没有额外的空间。
length:定义字符间的固定空间(允许使用负值)
innerit:规定应该从父元素继承letter-spacing属性的值。

对齐文本(text-align)
text-align属性规定元素中的文本的水平对齐方式。
该属性通过指定行框和哪个点对齐,从而设置块级元素内文本的水平对齐方式。
值:
默认值:有浏览器决定
left:把文本排列到左边。
right:把文本排列到右边。
center:把文本排列到中间。
justify:实现两端对齐文本效果。
inherit:规定应该从父元素text-align属性的值。

文本修饰(text-decoration)
值:
none:定义标准的文本,默认值
underline:定义文本下的一条线。
overline:定义文本上的一条线。
line-through:定义穿过文本下的一条线。
blink:定义闪烁的文本。
inherit:规定应该从父元素text-decoration属性的值。

文本缩进元素中文本的首行(text-indent)
text-indent属性规定文本块中首行文本的缩进
注意:可以使用负值。如果使用负值,那么首行会被缩进到左边。
值:
length:定义固定的缩进,默认为0。
%:定义基于父元素宽度的百分比的缩进。
inherit:规定应该从父元素text-indent属性的值。

控制文本中的字母(text-transform)
控制文本的大小写
none:定义带有小写字母和大写字母的标识文本。默认
capitalize:文本中的每个单词以大写字母开头。
uppercase:定义仅有大写字母。
lowercase:定义无大写字母,只有小写字母。
inherit:规定应该从父元素text-transform属性的值。

文本空白处理方式(white-space)
white-space属性设置如何处理元素内的空白。
值:
normal:空白会被浏览器忽略,默认。
pre:空白会被浏览器保留。
nowrap:文本不会换行,文本会在同一行上继续,直到遇到< br >标签为止。
pre-wrap:保留空白符序列,但是正常地进行换行。
pre-line:合并空白序列,但是保留换行符。
inherit:规定应该从父元素white-space属性的值。

文本字距(word-spacing)
word-spacing属性增加或减少单词间的空白(即字间隔)
该属性定义元素中字间插入多少空白符。
值:
normal:定义单词间标识空间,默认。
length:定义单词间的固定空间。
inherit:规定应该从父元素word-spacing属性的值。

字体相关
字体系列(font-family)
规定元素字体系列。
值:
family-name/generic-name:用于狗哥元素的字体族名称或类族名称的一个优先表。
inherit:从父元素继承字体系列。

字体大小(font-size)
font-size属性可设置字体的尺寸。
xx-small
x-small
small
medium
large
x-large
xx-large
smaller:把front-size设置为比父元素更小的尺寸。
larger:把front-size设置为比父元素更大的 尺寸。
%:把front-size设置为基于父元素的百分比值。
inherit:规定应该从元素继承字体尺寸。

字体风格(font-style)
font-style属性定义字体的风格。
值:
normal:浏览器显示一个标准的字体样式。
italic斜体样式
oblique:倾斜样式。
inherit:规定应该从父元素继承字体样式。

设置字体的粗细(font-weight)
值:
normal:定义标准的字符
bold:定义粗体字符。
bolder:定义更粗的字符。
lighter:定义更细的字符。
100~900:400==noraml
inherit:规定应该从父元素继承字体样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值