设为首页 加入收藏

TOP

第十一课 CSS介绍与font字体 css学习1
2019-09-02 23:37:46 】 浏览:10
Tags:十一 CSS 介绍 font 字体 css 学习

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

 

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇原生 table css实现操作按钮固定.. 下一篇小程序音视频功能的原理及应用

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目