css文本、文字 拼搏现实的明天。 2022-06-06 03:28 264阅读 0赞 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:规定应该从父元素继承字体样式。
还没有评论,来说两句吧...