css常用文本属性

CSS 文本属性(Text)

属性 描述 CSS
color 设置文本的颜色。 1
direction 规定文本的方向 / 书写方向。 2
letter-spacing 设置字符间距。 1
line-height 设置行高。 1
text-align 规定文本的水平对齐方式。 1
text-decoration 规定添加到文本的装饰效果。 1
text-indent 规定文本块首行的缩进。 1
text-shadow 规定添加到文本的阴影效果。 2
text-transform 控制文本的大小写。 1
unicode-bidi 设置文本方向。 2
white-space 规定如何处理元素中的空白。 1
word-spacing 设置单词间距。 1
hanging-punctuation 规定标点字符是否位于线框之外。 3
punctuation-trim 规定是否对标点字符进行修剪。 3
text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行。 3
text-emphasis 向元素的文本应用重点标记以及重点标记的前景色。 3
text-justify 规定当 text-align 设置为 “justify” 时所使用的对齐方法。 3
text-outline 规定文本的轮廓。 3
text-overflow 规定当文本溢出包含元素时发生的事情。 3
text-shadow 向文本添加阴影。 3
text-wrap 规定文本的换行规则。 3
word-break 规定非中日韩文本的换行规则。 3
word-wrap 允许对长的不可分割的单词进行分割并换行到下一行。 3
文本装饰属性(text-decoration 属性)

格式:text-decoration: underline;

可能的值
描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

none属性值用处,我们默认的链接下边都有一个下划线,如果我们不想要就可以让a标签设置none.

a{
    
    
    text-decoration: none;
}

快捷键就是单词首字母+table键

文本水平对齐属性(text-align 属性)

格式:text-align:center;

可能的值
描述
left 把文本排列到左边。默认值:由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。

ta +table键默认 text-align:left;

文本缩进属性(text-indent 属性)

规定文本块中首行文本的缩进。

格式: text-indent:50px;

可能值

2em: 缩进两个文字的宽度

2cm: 缩进两厘米的距离

2px: 缩进两个像素

20%: 缩进20%的宽度

快捷键 ti+table

字母间隔属性(letter-spacing 属性)

格式: 增加或减少字符间的空白(字符间距)。

letter-spacing:2px
字符转换属性(text-transform 属性)

控制文本的大小写。格式:

h1 {
    
    text-transform:uppercase}
h2 {
    
    text-transform:capitalize}
p {
    
    text-transform:lowercase}
可能的值
描述
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

猜你喜欢

转载自blog.csdn.net/LIUCHUANQI12345/article/details/109144553