在編寫頁面時，我們經(jīng)常需要添加一些 CSS 樣式來美化頁面。然而，許多開發(fā)人員會在不同的位置添加 CSS 樣式，這對于以后維護頁面來說可能會造成麻煩。因此，在頁面的 CSS 樣式位置上，我們應該貫徹一種“不變”的原則。
/*樣式表*/
body {
color: #333;
}
#header {
height: 100px;
background-color: #f1f1f1;
}
#footer {
height: 50px;
background-color: #c0c0c0;
}通過上面的代碼，我們可以看到 CSS 樣式表的位置是在頭部標記（<head>）中。這種放置位置符合了“不變”的原則，也就是通常所說的“語義化”HTML 的規(guī)范。因為這些樣式表都是網(wǎng)頁中的元數(shù)據(jù)，與文檔內(nèi)容本身沒有直接關(guān)系。
在 HTML 中，有些開發(fā)人員也將 CSS 樣式表放在 body 標記中，這雖然也可以使樣式生效，但難以維護。因為這樣樣式表就變成了文檔內(nèi)容的一部分，可能會干擾到代碼結(jié)構(gòu)或者框架。因此，在頁面中我們應該掌握一些基本的編碼規(guī)范，規(guī)范地編寫 CSS 樣式代碼。
總之，對于代碼的維護和升級，我們應該避免在頁面內(nèi)容區(qū)域放置 CSS 樣式表。這可以使代碼更具可讀性，并且更容易被后來的開發(fā)人員理解和管理。
上一篇垂直居中css文本樣式
下一篇坎巴拉css mod