CSS是Cascading Style Sheets縮寫，翻譯為“層疊樣式表”，是一種標(biāo)記語言，用來決定HTML等文檔內(nèi)容的顯示樣式。CSS定義了HTML文檔中所有元素的外觀樣式，使用CSS可以控制網(wǎng)頁的布局、字體、顏色、背景、對齊等多種樣式。下面我們來看一下百度簡介頁面的CSS排版。

body {
font-family: Verdana, Arial, Sans-serif;
font-size: 14px;
line-height: 1.6;
color: #333;
background-color: #fff;
margin: 0;
padding: 0;
}
#header {
height: 100px;
background-color: #38f;
position: relative;
}
#header h1 {
font-size: 36px;
color: #fff;
text-align: center;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
#footer {
height: 50px;
background-color: #38f;
color: #fff;
text-align: center;
line-height: 50px;
position: relative;
margin-top: -50px;
}
#content {
padding: 20px;
}
#content h2 {
font-size: 24px;
margin: 30px 0;
}
#content p {
margin: 20px 0;
text-indent: 2em;
}
#content img {
border: 1px solid #ddd;
padding: 5px;
margin: 10px;
}

　　通過觀察代碼，我們可以看出，百度簡介頁面的整體布局由一個頭部、一個內(nèi)容區(qū)域和一個底部組成，其中頭部和底部使用相同的顏色背景，并且都采用了position:relative和position:absolute屬性。在內(nèi)容區(qū)域內(nèi)，標(biāo)題使用h2標(biāo)簽，段落使用p標(biāo)簽，圖片則使用img標(biāo)簽。

　　總而言之，CSS對于網(wǎng)頁的排版和樣式非常關(guān)鍵，它使得網(wǎng)頁可以更美觀、更易讀，也可以大大提升用戶體驗。感謝CSS這個強大的工具，也感謝各位前端開發(fā)者的辛勤耕耘。