字体属性
字体样式
选择器 {
font-family: Arial,"Microsoft Yahei","微软雅黑";
}
采用多个字体则优先使用第一个,当第一个字体不存在时依次选择后面的字体。
中文字体名和空格相隔的字体名使用单引号或者双引号包括。
字体大小
font-size: 20px;
标题标签的字体大小需要单独指定。
尽量指定明确字体大小,不同浏览器默认字体大小不同。
字体粗细
font-weight: 400;
属性有:
- normal : 正常字体,相当于number为400
- bold : 加粗,相当于number为700
- 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;
属性有:
- none(无装饰线)
- underline(下划线)
- overline(上划线)
- line-through(删除线)
段落缩进
text-indent: 20px;
text-indent: 2em;
20px表示每段首行缩进20像素。
em表示当前元素的文字大小。
2em表示首行缩进2个字。
行间距
line-height: 26px
行间距由三部份组成,分别是上行间距,下行间距,还有文字的高度。上下间距的高度相同。
<p class = "类名">