CSS 中文本的属性,非常全面的总结!

1.字体颜色

color:#ff0000; 表示文字的颜色是红色。

2.字体大小

font-size:9px; 表示文字的大小是9像素。

3.字体样式

font-style:italic;表示文字为斜体的样式。

font-style 的属性值有:normal 表示正常的字体,也是默认值。oblique 表示倾斜的文字。 italic 表示斜体字。一般情况这两种都表示斜体,且从外表看无差距。注意不是所有的字都有斜体字,如果用 italic 没有效果的话,就用oblique 来表示斜体。

4.字体

font-family: "microsoft yahei"; 表示设置字体为雅黑。可以设置你喜欢的字体,例如宋体,楷体等。

5.字体加粗

font-weight: bold; 表示字体加粗。

normal : 标准,无改变,默认值; bold : 加粗字体; bolder : 更粗的字体 ;lighter : 更细的字体。也可以设置100~900的整百数,粗到细的顺序。400 等同于 normal,而 700 等同于 bold。

6.对齐方式

text-align:left; 表示文字左对齐。

left : 文字左对齐,center : 文字居中对齐, right : 文字右对齐。我这里用的 div 标签,独占一行,所以对齐是相对于整行的。

7.装饰文字的线

text-decoration: underline; 表示给文字添加下划线。

none : 无装饰 (默认值),underline : 下划线 ,line-through : 删除线(贯穿线),overline : 上划线。

 

 8.大小写转换

text-transform: none ; 表示文字无转换,默认值。

upercase :转换成大写;  lowercase:转换成小写 ,capitalize : 每个单词首字母为大写。

9.文本缩进

text-indent: 2em; 表示文本第一行的缩进是2em。

1 em 和当前字体大小相当相等 ,浏览器的默认字体大小是16px ,此时 1em =16px。

10. 设置当前文本超过所在容器是否换行

    word-wrap: break-word; 表示文字超出容器的时候,自动换行。normal 正常,默认值。

10.文字阴影

给文字添加阴影的效果。语法格式:text-shadow: h-shadow v-shadow blur color; 其中 h-shadow 是水平阴影 ,v-shadow 是垂直阴影 ,这两个值必填项,可为负值。 blur 表示模糊的距离 ,color bb表示阴影的颜色。

11.设置内容的垂直方向的对齐方式

vertical-align:top ; 表示垂直向上对齐。注意:是容器和内容的对齐关系,与容器的高度无关。如下图,图片的位置是相对文字内容的垂直居中,与粉色容器的高度无关。

此图片来源 w3school ,可以点这里详细了解一下!

12.设置行高 (不允许设置负值)

一般使用行高,就是设置文字垂直居中,当行高等于容器高的时候,文字居中显示。

未经允许,禁止转载! 记得点赞和收藏昂(❤ ω ❤) 

猜你喜欢

转载自blog.csdn.net/qq_44761243/article/details/108310408
今日推荐