CSS:層疊樣式表穿扳，控制
HTML標簽的樣式，在美化網頁中起到非常重要的作用国旷，編寫的格式是鍵值對形式的矛物。
CSS有三種樣式：行內樣式，頁內樣式跪但，外部樣式履羞。
行內樣式
行內樣式：直接在標簽的style屬性中書寫。我通過
div標簽(容器標簽)和p標簽(段落標簽)來展示屡久。如下代碼：
設置邊框時忆首，dashed是虛線的效果，如果要設置成實線被环，可以改為solid糙及。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>行內樣式</title>
</head>
<body>
<div style="color: blue; font-size: 18px; background-color: aqua;">我是容器標簽</div>
<p style="color: red; font-size: 18px; background-color: burlywood; border: 5px dashed green">
我是段落標簽
</p>
</body>
</html>
顯示效果如下：
Paste_Image.png
頁內樣式
頁內樣式是把樣式放在
<head>里面，在網頁的style標簽中書寫筛欢。如下代碼：分別設置了字體顏色浸锨、字體大小、背景顏色悴能、邊框揣钦。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>頁內樣式</title>
<style>
div{
color:red;
font-size: 30px;
border: 4px solid yellow;
}
p{
color: blue;
font-size: 44px;
background-color: yellowgreen;
}
</style>
</head>
<body>
<div>我是容器標簽</div>
<div>我是容器標簽</div>
<div>我是容器標簽</div>
<div>我是容器標簽</div>
<div>我是容器標簽</div>
<p>我是段落標簽</p>
<p>我是段落標簽</p>
<p>我是段落標簽</p>
<p>我是段落標簽</p>
<p>我是段落標簽</p>
<p>我是段落標簽</p>
</body>
</html>
顯示效果如下：
Paste_Image.png
外部樣式
外部樣式：顧名思義是把這些標簽的style屬性寫到外部的css文件中，在網頁中引用漠酿。創(chuàng)建一個css文件冯凹，通過
stylesheet來引用。
Paste_Image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>外部樣式</title>
<!--引用外部的樣式-->
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div>我是容器標簽</div>
<div>我是容器標簽</div>
<p>我是段落標簽</p>
<p>我是段落標簽</p>
</body>
</html>
顯示效果如下：
Paste_Image.png
