CSS学习之字体和文本相关属性

字体属性

设置字体类型

font-family 属性

设置所有类名标签中文字的字体为宋体,如果计算机中没有宋体,则将文字设置为黑体,如果计算机中也没有黑体,就设置文字为楷体。

代码实例

font-family: " 宋体 "," 黑体 "," 楷体 ";

image

设置字体大小

font-size

如果没有显式定义 font-size 属性,则会自动继承父元素的 font-size
属性

代码实例

font-size:50px;

image

image

设置文字颜色

color

CSS color 属性设置元素的文本以及文本装饰的前景色颜色值,并设置 currentcolor 值。currentcolor 可以用作其他属性的间接值,且为其他颜色属性

代码示例

color: red;

image

设置文字粗细

font-weight

使用 font-weight 属性为文字设置不同的粗细效果

代码示例

font-weight: bold;

image

文本属性

设置水平对齐

text-align

使用 text-align 属性设置古诗居中显示的效果。

代码示例

text-align:center;

 

image

设置文本间距

letter-spacing

使用 letter-spacing 属性设置英文文本“ YesterdayOnce More” 的不同间距。

代码示例

letter-spacing: 6px;

image

设置行高

line-height 属性

line-height CSS 属性用于设置多行元素的空间量,如多行文本的间距。对于块级元素,它指定元素行盒(line boxes)的最小高度。对于非替代的 inline 元素,它用于计算行盒(line box)的高度。

代码示例

line-height: 34%;

image

image

设置首行缩进

text-indent 属性

 CSS 属性设置区块元素中文本行前面空格(缩进)的长度。

代码示例

text-indent: 40px;

image

设置文本换行

word-break 属性

CSS 属性 word-break 指定了怎样在单词内断行。

代码示例

word-wrap: break-word;

image

 

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享