一、css产生的原因
为了解决混乱的样式结构。
二、css的样式规则
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
h1 {
color: red;
}
</style>
</head>
<body>
<h1>我变成红色</h1>
</body>
</html>效果：
详细规则：
三、css字体样式font
1. font-size：字号大小
可以使用相对长度，也可以使用绝对长度。推荐使用px（像素）
实例：
<p>字号大小</p><style>
p {
font-size: 40px;
}
</style>效果图前后对比：
2. 字体
①font-family ：字体
设置字体，如宋体、微软雅黑、arial等字体，不用刻意背会。
注意事项：
部分代码（其他代码与上相同）：
font-family: "宋体";效果图前后对比（前图默认字体）
如果是字体有多个，可以如此：
font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB";这种情况下，不会一下子用所有的字体，有相当于查询的效果，如果可以用微软雅黑，其他就不执行，如果没有，则接着看其他的字体有没有，如果都没有，则用默认的字体。
②CSS Unicode字体（不用记忆）
3. 字体粗细font-weight
语法：
①
font-weight: normal 或 bold 或 bolder 或 lighter 或 <integer>（100/200/300/.../900）;②与上面对应相等
font-weight: 400 或 700 或 比bold更重 或 比bold较轻 或 用数字表示粗细（100/200/300/.../900）更习惯于用数字表示。
4. font-style：斜体
语法：
font-style:normal|italic|oblique;normal：默认值，不倾斜
italic：斜体
oblique：倾斜（不常用）
5. 字体综合设定
语法：
font: font-style font-weight font-size/line-height font-family;
1094
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
