资讯专栏INFORMATION COLUMN

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

jerryloveemily / 1362人阅读

摘要:一样式规则基本结构二字体字号与字体字号大小字体宋体使用技巧网页中普遍使用字号尽量使用偶数的字号使用多个字体,字体间用逗号隔开,中文字体需加引号,英文字体可以不加,英文字体放在中文字体之前字体有空格要加引号尽量使用默认字体字体对于不支持

一、CSS样式规则

1、基本结构

  

    

  

  

  

二、font字体

1、字号与字体

font-size: 字号大小

 

font-family: 字体 font-family: "宋体";

 

使用技巧:

网页中普遍使用14px 字号;

尽量使用偶数的字号;

使用多个字体,字体间用“,”逗号隔开,中文字体需加引号,英文字体可以不加,

英文字体放在中文字体之前,字体有空格要加引号;

尽量使用默认字体;

 

2、unicode字体

对于不支持中文字体

方案一、可以用使用英文来替代,如font-family: "Microsoft Yahei";

方案二、在css直接使用unicode 编码来写字体名称可以避免这些错误,使用unicode写

中文字体,浏览器可以正确解析 如: font-family:"5FAE8F6F96C59ED1"; 表示设置字体为“微软雅黑”

注:尽量写宋体、微软雅黑

 

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.ucloud.cn/yun/1194.html

相关文章

  • 体验javascript之美-第十一课-jquery源码分析

    摘要:可以直接在这里查看至于的开源就不多说了。官网一个库的官网永远是了解它最新进展和学习资料的首选网站。比如下面我们就拿举例分析下它的源码。不解释,你可以直接拿过去改吧改吧用在你自己的库里。 上节课我们说了写一个库的准备,但是这节课并不是写库为什么,有句话叫你没吃过猪肉还没看过猪走。所以我们先看看别人的库是怎么写的。在我们拥有了足够扎实的基础之后我们要做的不是闭门造车,而是去阅读一些知名的库...

    王晗 评论0 收藏0
  • TRY REGEX:正则表达式交互式入门教程 翻译&解答

    摘要:写一个正则表达式来测试变量中是否包含字符串。用函数给出不使用字符,但和等价的正则表达式。第十四课标志全局匹配标志第二个常用的标志是全局匹配标志,用字母表示。写出一个正则表达式来检验合法性。非捕获组的主要用途是给一个组赋予量词。 TRY REGEX 是一个交互式的正则表达式学习项目项目地址:https://github.com/callumacra...在线地址:http://tryre...

    李义 评论0 收藏0
  • 第十二课 CSS基本选择器 css学习2

    摘要:可以是数字,关键词或公式十一目标伪类选择器器目标伪类选择器选择器可用于选取当前活动的目标元素基础选择器一、标签选择器(元素选择器)标签选择器是指用HTML标签名称作为选择器,按标签名称分类语法:标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 二、类选择器1、类选择器使用.(英文)+类名进行选择 三、css命名规范1、长名称或词组可以使用中横线来为选择器命名2、不建议使用_下...

    khs1994 评论0 收藏0
  • JavaScript 工作原理之十一-渲染引擎及性能优化小技巧

    摘要:在中渲染树中的每个节点即是一个渲染器或者渲染器对象。计算的样式每个渲染器对象代表一个矩形区域通常是和一个节点的盒模型相对应。坐标系统是相对于根渲染器的。根渲染器的定位为和大小即为浏览器窗口的可视化部分比如。渲染器作废其在屏幕上的矩形区域。 原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 本系列持续更新中,Github 地址请查阅这里。 ...

    GraphQuery 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<