CSS文本属性

字体属性

字体样式

选择器 {
	font-family: Arial,"Microsoft Yahei","微软雅黑";
}

采用多个字体则优先使用第一个,当第一个字体不存在时依次选择后面的字体。

中文字体名和空格相隔的字体名使用单引号或者双引号包括。

字体大小

font-size: 20px;

标题标签的字体大小需要单独指定。

尽量指定明确字体大小,不同浏览器默认字体大小不同。

字体粗细

font-weight: 400;

属性有:

  1. normal : 正常字体,相当于number为400
  2. bold : 加粗,相当于number为700
  3. number : 直接使用数字,不加单位显示字体粗细。

字体样式

font-style: italic;

normal : 使倾斜字体变正常

italic : 使字体倾斜

字体复合属性

font: font-style font-weight font-size/line-height font-family;
如:
font: italic 700 16px "微软雅黑";

一行将所有字体属性写上,必须按照顺序,属性之间使用空格相隔开。

不需要的属性可以省略(默认值),但是必须保留font-size与font-family属性,否则font属性不起作用。

颜色属性
color: red;
color: #ff0000;    //16进制
color: rgb(255,0,0);
color: rgb(100%, 0%, 0%)
文本属性

对其文本

text-align: center;

属性包括:left(默认),center, right

文本相对于盒子对齐。

装饰文本

text-decoration: underline;

属性有:

  1. none(无装饰线)
  2. underline(下划线)
  3. overline(上划线)
  4. line-through(删除线)

段落缩进

text-indent: 20px;
text-indent: 2em;

20px表示每段首行缩进20像素。

em表示当前元素的文字大小。

2em表示首行缩进2个字。

行间距

line-height: 26px

行间距由三部份组成,分别是上行间距,下行间距,还有文字的高度。上下间距的高度相同。

<p class = "类名">
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值