Css 字体(font)属性用于定义字体系列、大小、粗细、文本样式(如斜体)。
字体系列:
Css 使用 font-family 属性定义文本的字体系列。
P{ font-family: "微软雅黑";}
Div{ font-family:Arial,"微软雅黑","微软雅黑";}
各种字体必须用英文逗号隔开。一般情况下队服文字样式,如果有由空格分隔的多个单词组成的字体,应尽量使用引号,使用系统默认的字体队服文字样式,以保证在任何用户的浏览器中都可用。最常见的字体都能正常显示:body{font-family;'Microsoft Yahei';tahoma,arial,'Hiragino Sans GB';}
css字体属性之字体系列
pink的秘密
那一抹众人中最漂亮的颜色
优雅,淡然,又那么心中清澈
前端总是伴随着困难和犯错
精心,坦然,攻克一个又一个
拼死也要克服它
这是pink的秘密,也是老师的嘱托
字体大小:字体大小
P {
字体大小:20px;
}
Px(像素)大小是我们网页最常用的单位。谷歌浏览器的默认文本大小是 16px。默认情况下,不同的浏览器可能会显示不一致的字体大小。我们尝试给出一个明确的值和尺寸,而不是默认尺寸。可以为body指定整个页面 文字大小 title标签比较特殊,需要单独指定文字大小
广东海运到
css字体属性之字体大小
pink的秘密
那一抹众人中最漂亮的颜色
优雅,淡然,又那么心中清澈
前端总是伴随着困难和犯错
精心,坦然,攻克一个又一个
拼死也要克服它
这是pink的秘密,也是老师的嘱托
字体粗细:font-weight(实际开发中多用数字)
css字体属性之字体大小
pink的秘密
那一抹众人中最漂亮的颜色
优雅,淡然,又那么心中清澈
前端总是伴随着困难和犯错
精心,坦然,攻克一个又一个
拼死也要克服它
这是pink的秘密,也是老师的嘱托
P {
字体粗细:粗体;
}
属性值
描述
普通的
默认值(不粗体)
大胆的
定义厚度(粗体)
100-900
400相当于normal,700相当于bold 注意这个数字后面没有单位
文本样式:font-style 属性设置文本的样式。
P {
字体样式:正常;
}
属性值
影响
普通的
默认情况下,浏览器会显示标准字体样式 font-style: normal;
斜体
浏览器以斜体显示字体样式。
注意:通常我们很少在文本中添加斜体,而是将斜体标签(em,i)改为非倾斜字体。
css字体属性之字体样式
同学,上课时候的你
下课时候的你
字体的复合属性:
body{
font: font-style font-weight font-size font-family;
}
css字体属性之复合属性
三生三世十里桃花,一心一意百行代码
使用font属性时,必须按照上面语法格式的顺序来写,顺序不能改变,每个属性之间用空格隔开。不需要设置的属性可以省略(取默认值),但font-size和font-family必须保留。属性,否则字体属性将无效