最近使用CSS作網(wǎng)站設(shè)計排版時，發(fā)現(xiàn) [ CSS的命名 ] 也是重要的一環(huán)，因為雖然說CSS是方便管理的，但如果遇到了要修改同事們撰寫的CSS程式碼，通常還是得要仔細(xì)的研究一番，才能夠了解其架構(gòu)，進(jìn)而去作修改，所以參考了一些文章，讓一些基本的CSS命名有個標(biāo)準(zhǔn)，

如果同事們有需要去修改自已所寫的CSS或他們需要作參考時，也比較有個依據(jù)，不需要花太多的時間在理解命名上，而下面就是常用的CSS命名規(guī)則:

頂部:header

內(nèi)容:content/container

尾部:footer

選單:nav/navigation

側(cè)欄:sidebar

欄目:column

頁面控制整體布局寬度:wrapper

主要區(qū)域(通常為頁面主要內(nèi)容部份):primary

次要區(qū)域(通常為次選單):secondary

相信在撰寫CSS的同時，如果團(tuán)隊們對于命名都有基本的默契，那么使用CSS來作排版，對于修改及維護(hù)都能更有效率!

早期的網(wǎng)站建設(shè)都是利用HTML在研究文件內(nèi)，加入基本的格式和結(jié)構(gòu)，來達(dá)成簡單的內(nèi)部連結(jié)功能。但當(dāng)網(wǎng)際網(wǎng)路更加普及后，人們開始用HTML語言來作視覺呈現(xiàn)的用途。除了單純的替文件加上標(biāo)題元件之外，人們還需要加上各式各樣不同的字體或加粗文字，讓文件充滿更豐富的視覺變化，此時，表格已不再只是呈現(xiàn)資料，反而被當(dāng)成是很重要的網(wǎng)站設(shè)計版面編排工具；引言方塊功能也被網(wǎng)站設(shè)計師拿來當(dāng)作是增加空間的方法，再也不是原本當(dāng)作引言的用途，如此網(wǎng)站的原始碼會很快的充斥著各種如外星文的符號和表格標(biāo)簽，變得難以理解，也使得網(wǎng)站的容量大增。

就在這時，[ 串接樣式表(CSS，Cascading Style Sheets)出現(xiàn)了 ]，有了CSS，我們可以從外部來控制頁面的外觀，同時將文件內(nèi)容和呈現(xiàn)方式的設(shè)定給分隔開來，網(wǎng)站設(shè)計的編排可以不需動用到表格功能，改用CSS來控制，這么一來標(biāo)記內(nèi)容的工作就可以簡化許多，且對于開發(fā)人員而言，意思明確的網(wǎng)站比圖像式更容易處理；使用有意義的標(biāo)簽亦可讓程式或其他設(shè)備辨識出來，例如，像搜尋引擎就可以辨別出頁面中以h1標(biāo)記所框?qū)懫饋淼臉?biāo)題，從而加重他的重要性;而那些依賴頁面閱讀輔助的使用者，也可以利用標(biāo)題作為瀏覽頁面時的輔助，加強網(wǎng)站的實用性。

時代在進(jìn)步，網(wǎng)站設(shè)計的技術(shù)也持續(xù)在跟進(jìn)，一間好的網(wǎng)站設(shè)計公司除了提供一系列完善的服務(wù)之外，客戶交付的專案，應(yīng)以最有效率的方式，良好的溝通，設(shè)計出最符合搜尋行銷，最能夠表現(xiàn)客戶公司以及產(chǎn)品的網(wǎng)站設(shè)計作品。

網(wǎng)站欄目：CSS建站會成為網(wǎng)頁設(shè)計的主流
鏈接地址：http://jinyejixie.com/news46/79096.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、自適應(yīng)網(wǎng)站、定制開發(fā)、移動網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)