第十一课 CSS介绍与font字体 css学习1
一、css样式规则
1、基本结构
<html>
<head>
<style>
h1{
color: orange;
}
</style>
</head>
<body>
</body>
</html>
二、font字体
1、字号与字体
font-size: 字号大小
font-family: 字体 font-family: "宋体";
使用技巧:
网页中普遍使用14px 字号;
尽量使用偶数的字号;
使用多个字体,字体间用“,”逗号隔开,中文字体需加引号,英文字体可以不加,
英文字体放在中文字体之前,字体有空格要加引号;
尽量使用默认字体;
2、unicode字体
对于不支持中文字体
方案一、可以用使用英文来替代,如font-family: "microsoft yahei";
方案二、在css直接使用unicode 编码来写字体名称可以避免这些错误,使用unicode写
中文字体,浏览器可以正确解析 如: font-family:"\5fae\8f6f\96c5\9ed1"; 表示设置字体为“微软雅黑”
注:尽量写宋体、微软雅黑
3、css注释
/*注释内容*/
4、字体加粗
font-weight: 字体粗细
font-weight: bold;字体加粗 700=blod nomal=400 尽量使用数字
5、字体倾斜
font-style: 字体风格
默认值: normal 正常 italic 倾斜
注:平时我们很少让字体倾斜,反而让倾斜的字体变成普通模式
6、font综合设置字体样式(重点)
选择器{font: font-style font-weight font-size/line-height font-family}
如:font{italic bold 14px "微软雅黑"}/*font 综合写法 更简洁*/
注:必须按照这个顺序写,必须保留font-size,font-family属性否则不起作用