CSS 2.0手冊(cè)

CSS 2.0（Cascading Style Sheets 2.0）是一種用于展示頁(yè)面內(nèi)容的樣式語言，可以將HTML等文本文檔的表現(xiàn)樣式與文檔內(nèi)容分離開來，實(shí)現(xiàn)頁(yè)面內(nèi)容和樣式的分離。CSS 2.0可以控制字體、顏色、間距、背景圖片等視覺效果，以及版面排版等方面，使得網(wǎng)頁(yè)設(shè)計(jì)者對(duì)頁(yè)面的樣式和排版控制更精確，更方便。

思路梳理： - 了解CSS 2.0的用途和優(yōu)勢(shì) - CSS 2.0 可以控制的基本屬性 - 應(yīng)用舉例 CSS 2.0標(biāo)準(zhǔn)有哪些基本屬性呢？我們來看一下：

/* 字體 */
font-family: "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
/* 顏色 */
color: #333;
border-color: #ccc;
background-color: #eee;
/* 間距 */
padding: 10px;
margin: 20px;
/* 結(jié)構(gòu) */
width: 800px;
height: 600px;
position: relative;
z-index: 10;
/* 顯示 */
display: block;
opacity: 0.8;
visibility: hidden;

除此之外，CSS 2.0還支持選擇器、偽類、偽元素、盒模型、浮動(dòng)等高級(jí)特性，可以實(shí)現(xiàn)更豐富的頁(yè)面效果。 那么，CSS 2.0的應(yīng)用舉例有哪些呢？比如我們可以使用CSS 2.0實(shí)現(xiàn)網(wǎng)頁(yè)導(dǎo)航欄樣式的調(diào)整：

/* 導(dǎo)航欄樣式 */
.nav {
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
display: inline-block;
margin-right: 20px;
}
.nav li a {
color: #333;
display: block;
line-height: 40px;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.nav li a:hover {
color: #f00;
}

以上是一個(gè)簡(jiǎn)單的導(dǎo)航欄樣式調(diào)整代碼，使用CSS控制樣式之后可讀性更強(qiáng)且易于維護(hù)。 總之，CSS 2.0手冊(cè)是一份非常重要的工具書，它匯集了CSS樣式的基本屬性以及其他一些高級(jí)特性，可以幫助我們快速了解使用CSS技術(shù)進(jìn)行網(wǎng)頁(yè)樣式布局和調(diào)整所需要的知識(shí)。希望各位設(shè)計(jì)師和前端工程師能夠從中獲益。