本文目錄導(dǎo)讀：
使用CSS進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的步驟
什么是CSS？
CSS，即級(jí)聯(lián)樣式表（Cascading Style Sheets），是一種用來(lái)描述HTML文檔樣式的計(jì)算機(jī)語(yǔ)言，CSS可以用來(lái)設(shè)置網(wǎng)頁(yè)的字體、顏色、背景、布局等樣式，讓網(wǎng)頁(yè)更加美觀、易用，在網(wǎng)頁(yè)設(shè)計(jì)中，CSS扮演著舉足輕重的角色。
如何使用CSS？
1、內(nèi)聯(lián)樣式：在HTML元素中使用style屬性直接定義樣式，
<p style="color: red;">這是一段紅色的文本。</p>
2、內(nèi)部樣式表：在HTML文檔的head部分使用style元素定義樣式，
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>這是一段紅色的文本。</p>
</body>3、外部樣式表：將樣式定義在單獨(dú)的.css文件中，通過(guò)link元素引入HTML文檔，
<head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>這是一段紅色的文本。</p> </body>
在styles.css文件中定義樣式：
p {
color: red;
}CSS的常用屬性
1、color：設(shè)置文本顏色，color: red;
2、background-color：設(shè)置背景顏色，background-color: blue;
3、font-size：設(shè)置字體大小，font-size: 16px;
4、text-align：設(shè)置文本對(duì)齊方式，text-align: center;
5、margin和padding：設(shè)置元素的外邊距和內(nèi)邊距，margin: 10px; padding: 20px;
6、border：設(shè)置元素的邊框，border: 1px solid black;
7、display：設(shè)置元素的顯示方式，display: block; display: inline; display: none;
8、position：設(shè)置元素的定位方式，position: static; position: relative; position: absolute; position: fixed;
9、top、left、right和bottom：設(shè)置元素的位置偏移量，top: 10px; left: 20px; right: 30px; bottom: 40px;
10、z-index：設(shè)置元素的堆疊順序，z-index: 100;
CSS的常用選擇器
1、元素選擇器：根據(jù)HTML元素類型選擇，p、div、span等。
2、類選擇器：通過(guò)元素的class屬性選擇，.myClass。
3、ID選擇器：通過(guò)元素的id屬性選擇，#myId。
4、屬性選擇器：選擇具有指定屬性的元素，[type="text"]。
5、偽類選擇器：選擇處于特定狀態(tài)的元素，:hover、:active、:visited等。
6、組合選擇器：可以將多種選擇器組合使用，div#myId p.myClass。
