一. 三種樣式引入方式
1. 內聯式-直接寫在div標簽中,不推薦用
<div style="color:red;font-size:20px;font-family:'Microsoft Yahei';line-height:30;"> 你好，我叫韓妹妹<br\> 你叫什么名字 </div>
2. 內嵌式，一般用在首頁，加載速度快
把style屬性寫在head標簽中, 使用標簽選擇器,比如div，這樣，定義的樣式會應用到所有body中div標簽中的內容
<head>
<style type="text/css">
div{
color:red;
font-size:20px;
font-family:'Microsoft Yahei';
line-height:30;
}
</style>
</head>
<body>
<div>
你好，我叫韓妹妹
</div>
</body>
3. 外聯式，實際項目中用這個
新建一個樣式文件夾css，並在其中新建一個css文件，比如main.css，在其中寫入
div{
color:red;
font-size:20px;
font-family:'Microsoft Yahei';
line-height:30;
}
然后在原先網頁上頭部寫入如下, 同樣會把所有body中<div>標簽中的內容應用指定樣式
<head>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
二. 設置標簽樣式，基本示例
1. 如果文本中有某個詞匯使用了<em>標簽，要想使<em>標簽中的文本不傾斜，可以在main.css中定義標簽選擇器<em>,如下，那么文本中所有的<em>標簽都不會傾斜了
em{
font-style:normal;
}
2. 使用span標簽使某個字段加粗，同樣在main.css中寫入
span{
font-weight:bold;
}
3. 不想讓<h2>樣式加粗，並且用微軟雅黑字體，在main.css中寫入
h2{
font-family:'Microsoft Yahei';
font-weight:normal;
}
4. 使用font，用一句來設置是否加粗，字體大小，行高，字體類型，需要按順序寫
div{
font:normal 30px/40px 'Microsoft Yahei'; #normal不寫的話，默認是normal，對於<h1>也適用
}
5. 去掉<a>標簽中的下划線
a{
text-decoration:none;
}
6. 設置<div>標簽中的文字首行縮進2個字
div{
color:red;
font-size:20px;
text-indent:40px; #想縮進幾個，就是幾倍的font-size值
font-family:'Microsoft Yahei';
line-height:30;
}
7. 設置文本居中，也就是設置文字水平對齊方式
h2{
font:normal 30px/40px 'Microsoft Yahei';
text-align:center #默認值是left, 也可以寫成right，右對齊
}