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

 

转载于:https://www.cnblogs.com/Liuxingtao/p/10438107.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值