当前位置: 移动技术网 > IT编程>网页制作>CSS > 第十一课 CSS介绍与font字体 css学习1

第十一课 CSS介绍与font字体 css学习1

2019年02月27日  | 移动技术网IT编程  | 我要评论

电视广告创意脚本,腾空的日子2,火风的儿子

一、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属性否则不起作用

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网