1.行内样式 行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。
<p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;">By adding inline CSS styling to the></p>
2.嵌入样式 嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式，但会被行内样式覆盖。
<head>
<style type="text/css">
h1 {font-size:16px;}
p {color:blue;}
</style>
</head>
3.链接样式
<link href="styles.css" rel="stylesheet" type="text/css" />
- import 方式
除了以上三种为页面添加样式的方法，还有一种在样式表中链接其他样式表的方法，那
就应用@import指令（是一种at规则）
@import url(css/styles2.css)
样式的写法
例子如下
1 ) p {color:red; font-size:12px; font-weight:bold}
2 ) h1 {color:blue; font-weight:bold;}
h2 {color:blue; font-weight:bold;}
h3 {color:blue; font-weight:bold;}
h1, h2, h3 {color:blue; font-weight:bold;}这个可以代替上面的三个的写法
3）假设，你在写完前面那条规则后，又想只把h3变成斜体，那可以再为h3写一条规则：
h1, h2, h3 {color:blue; font-weight:bold;}
h3 {font-style:italic;}
