CSS是英文Cascading Style Sheets的縮寫,稱為層疊樣式表，用於對頁面進行美化。
詳請：http://www.w3school.com.cn/h.asp
其存在方式有三種：元素內聯、頁面嵌入和引入外部CSS文件。
核心語法為：style="key1:value1;key2:value2"
1、元素內聯：在標簽中直接使用樣式語法 style="key1:value1"
<body>
<div style="background-color: #0095bb">這是第二種方法</div>
</body>
2、頁面嵌入：在頁面中嵌入樣式塊 <style type="text/css"></style>塊，樣式塊中間羅列樣式，樣式塊一般放在head中
<head>
<meta charset="UTF-8">
<title>CSS</title>
<style type="text/css">
div{
background-color: #4cae4c;
}
</style>
</head>
<body>
<div>這是第二種方法</div>
</body>
問題：第一種及第二種方法同時存在了，怎么辦？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS</title> <style type="text/css"> div{ background-color: green; } </style> </head> <body> <div style="background-color: red">第一種方法為紅色，第二種方法為綠色</div> </body> </html>
3、引入外部CSS文件
1、創建外部CSS文件，其中直接寫樣式，如div標簽
2、將CSS文件引入到HTML中
<head>
<meta charset="UTF-8">
<title>CSS</title>
<link rel="stylesheet" type="text/css" href="ctest.css">
</head>
<body>
<div>這是第三種方法啦</div>
</body>
3、檢查樣式產生的效果
