css文本、文字

拼搏现实的明天。 2022-06-06 03:28 334阅读 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:规定应该从父元素继承字体样式。