CSS——字体属性
作用:
设置字体的系列,大小,粗细,文字样式
系列:
标签名/类名
{
font-family:xxx;
}
各自字体之间必须使用英文状态下的逗号隔开
一般情况下,如果有空格隔开的的多个单词组成的字体,要加引号括起来
尽量用系统默认字体,避免不兼容的情况
大小:
标签名/类名
{
font-size: 数字大小px;
(谷歌的默认大小是16)
}
px,像素,网页最常用的单位
不同浏览器默认大小可能不一样
可以直接指定body,控制整个页面字体大小,但标题标签比较特殊,需要单独指定
粗细:
标签名/类名
{
font-weight: normal(默认设置) or 400/bold or 700/bolder/lighter/number;
}
实际开发中提倡使用数字(100-900)进行粗细进行设置
文字样式:
标签名/类名
{
font-weight: normal(默认设置) /italic(斜体样式);
}
实际开发更常用<em>标签,使文字内容倾斜
复合属性:
设置属性要按照:
font: font-style font-weight font-size/line-height font-family
这个顺序不能打乱,
可以省略某一项但必须保留font-size和font-family如:
标签名/类名
{
font:italic 700 16px 'Microsoft yahei';
}
标签名/类名
{
font:16px 'Microsoft yahei';
}