欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 20:02:30
一、CSS样式规则 1、基本结构 二、font字体 1、字号与字体 font-size: 字号大小 font-family: 字体 f ......

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