1.在HTML中加入CSS：
- 外部样式表：将样式定义放在一个单独的文件中，并且在需要该样式的文中引用。
例：/*myStyles.css*/（样式定义）
h1,h2,h3,h4 {color: blue;}
h1{ font-size: 18pt;}
<head>
<link rel="stylesheet" type="text/css" href="myStyles.css" />（链接到HTLM文档中）
</head>
- 嵌入式样式表：用<style>元素将样式包含在网页内部的样式设置，其作用范围仅限于该网页。
。。样式定义。。
</style>
- 内联样式表：仅应用于某一部分网页元素，其作用范围仅限于应用它的网页元素。
2.CSS规则
（1）语法：h1,h2,h3{color:red;padding:5px} /* */（注释）
①.h1 h2 h3为选择器，每个选择器用逗号分隔
②.color 属性red值，属性和值之间用“：”分隔 ，color:red;为声明，每个声明用“；”结束
③.{color:red;padding:5px} 为声明块
（2）选择器：
①.元素选择器：em{color:blue;} （em元素都将被格式化为蓝色）
②.类选择器：.类名{属性：值；}（class{ }）
例：<style type="text/css">
.big{属性：值；}(head中)
<p class="big">This is some text /p> (body中)
③.ID选择器：#id名{属性：值；}
④.包含选择器：p em{color:blue}(p中的em被格式化为蓝色)
⑤.通配符选择器：*{ }(选择所有的元素)
⑥.伪类选择器：a:link用在为访问的链接
a:visited用在已访问的链接
a:hover用在光标放在其上的链接
a:active用在获得焦点的链接
3.格式化内容
（1）属性单位：长度单位：绝对长度（cm.mm）相对长度（px）
颜色单位：一般用十六进制定义颜色或为颜色取名
URL单位
（2）字体：
①.设置字体名称：font-family
②.设置字体倾斜：font-style，属性normal，italic，oblique
③.设置自重：font-weight
④.设置字体大小：font-size
⑤.字体属性缩写形式：顺序为font-style，font-variant，font-weight，font-size，font-family
（3）文本属性：
①.设置文本对齐方式：text-align横向对齐，left，right，center
②.设置文本修饰方式：text-decoration，underline下划线，overline上划线，line-through删除线，blink闪烁
③.设置文本阴影：text-shadow
④.设置行高：line-height
⑤.设置字间距：letter-spacing
⑥.设置词间距：word-spacing
⑦.设置大小写：text-transform，capitalize首字母大写，uppercase所有字母大写，lowercase所有字母小写
（4）字体颜色和背景：
①.color：文本颜色
②.background-color：背景色
③.background-image：背景图像
④.background-repeat：背景图片重复，no-repeat不重复，repeat-x横向重复，repeat-y纵向重复
⑤.background-attachment：背景图片固定，scroll，fixed
⑥.background-posttion：设置图片位置
4.样式继承：margin，padding，border，background不被继承
font-size只有计算值被继承于子元素，而不是整个声明被继承。
5.样式层叠：
（1）找到选择器匹配特定元素的所有声明。
（2）根据样式声明的重要性和来源进行优先级排序
（3）按照特殊性排序
（4）比较CSS的顺序
1364
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
