CSS
(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 字号大小
{font-size: 14px;}| 相对长度单位 | 说明 |
|---|---|
| em | 相对于当前对象内文本的字体尺寸 |
| px | 像素，最常用（推荐） |
| 绝对长度单位 | 说明 |
| in | 英寸 |
| cm | 厘米 |
| mm | 毫米 |
| pt | 点 |
font-family 字体
{font-family: SimSun,"Microsoft Yahei","宋体","微软雅黑";}- 常用技巧
- 1、普通网页用14px+；
- 2、用偶数字号；
- 3、各字体间逗号隔开；
- 2、用偶数字号中文字体加引号，英文一般不用，英文在中文之前；
- 2、字体中含空格、#、$等符号，加引号；
- 2、尽量用系统默认字体。
Unicode 字体
(部分系统不支持中文“宋体”的表达方式，可使用英文“SimSun”或者Unicode 字体)
常用：宋体 \5B8B\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1
font-weight 字体粗细
{font-weight: normal;} {font-weight: 700;}normal正常(400), bold加粗(700), bolder, light, 100~900(100)
font-style 字体倾斜
{font-style: italic;}font 综合设置字体样式
选择器 {font:font-style font-weight font-size/line-height font-family;}- 注意：
- 1、需按上述顺序书写，不可更换顺序，各个属性以空格隔开
- 2、不需要设置的属性可以省略，但必须保留font-size和font-family
css使用/**/进行注释
/*注释的内容*/