CSS学习——字体设置

最新推荐文章于 2021-08-03 19:43:25 发布

WangJiaYi948

最新推荐文章于 2021-08-03 19:43:25 发布

阅读量375

点赞数

本文链接：https://blog.csdn.net/WangJiaYi948/article/details/81707475

版权

(Cascading Style Sheets) 层叠样式表

css内容写在<head></head>标签之间
html内容写在<body></body>标签之间

<style>
    h1（选择器）  { color（属性）:red（值）;  font-size:25px; }
</style>

注意：

1、选择器用于指定css样式作用的HTML对象，花括号内是对该对象设置的具体样式；

2、属性和属性值以“键值对”的形式出现；

3、属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等；

4、属性和属性值之间用英文“：”连接；

5、多个“键值对”之间用英文“；”进行区分。

{font-size: 14px;}

{font-family: SimSun,"Microsoft Yahei","宋体","微软雅黑";}

常用技巧

1、普通网页用14px+；

2、用偶数字号；

3、各字体间逗号隔开；

2、用偶数字号中文字体加引号，英文一般不用，英文在中文之前；

2、字体中含空格、#、$等符号，加引号；

2、尽量用系统默认字体。

Unicode 字体
(部分系统不支持中文“宋体”的表达方式，可使用英文“SimSun”或者Unicode 字体)
常用：宋体 \5B8B\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1

{font-weight: normal;} {font-weight: 700;}

normal正常(400), bold加粗(700), bolder, light, 100~900(100)

{font-style: italic;}

选择器 {font:font-style font-weight font-size/line-height font-family;}

注意：

1、需按上述顺序书写，不可更换顺序，各个属性以空格隔开

2、不需要设置的属性可以省略，但必须保留font-size和font-family

css使用/**/进行注释 /*注释的内容*/

关注