2019-01-29 分類: 網(wǎng)站建設(shè)
最近使用CSS作網(wǎng)站設(shè)計(jì)排版時(shí),發(fā)現(xiàn) [ CSS的命名 ] 也是重要的一環(huán),因?yàn)殡m然說(shuō)CSS是方便管理的,但如果遇到了要修改同事們撰寫的CSS程式碼,通常還是得要仔細(xì)的研究一番,才能夠了解其架構(gòu),進(jìn)而去作修改,所以參考了一些文章,讓一些基本的CSS命名有個(gè)標(biāo)準(zhǔn),
如果同事們有需要去修改自已所寫的CSS或他們需要作參考時(shí),也比較有個(gè)依據(jù),不需要花太多的時(shí)間在理解命名上,而下面就是常用的CSS命名規(guī)則:
頂部:header
內(nèi)容:content/container
尾部:footer
選單:nav/navigation
側(cè)欄:sidebar
欄目:column
頁(yè)面控制整體布局寬度:wrapper
主要區(qū)域(通常為頁(yè)面主要內(nèi)容部份):primary
次要區(qū)域(通常為次選單):secondary
相信在撰寫CSS的同時(shí),如果團(tuán)隊(duì)們對(duì)于命名都有基本的默契,那么使用CSS來(lái)作排版,對(duì)于修改及維護(hù)都能更有效率!
早期的網(wǎng)站建設(shè)都是利用HTML在研究文件內(nèi),加入基本的格式和結(jié)構(gòu),來(lái)達(dá)成簡(jiǎn)單的內(nèi)部連結(jié)功能。但當(dāng)網(wǎng)際網(wǎng)路更加普及后,人們開始用HTML語(yǔ)言來(lái)作視覺(jué)呈現(xiàn)的用途。除了單純的替文件加上標(biāo)題元件之外,人們還需要加上各式各樣不同的字體或加粗文字,讓文件充滿更豐富的視覺(jué)變化,此時(shí),表格已不再只是呈現(xiàn)資料,反而被當(dāng)成是很重要的網(wǎng)站設(shè)計(jì)版面編排工具;引言方塊功能也被網(wǎng)站設(shè)計(jì)師拿來(lái)當(dāng)作是增加空間的方法,再也不是原本當(dāng)作引言的用途,如此網(wǎng)站的原始碼會(huì)很快的充斥著各種如外星文的符號(hào)和表格標(biāo)簽,變得難以理解,也使得網(wǎng)站的容量大增。
就在這時(shí),[ 串接樣式表(CSS,Cascading Style Sheets)出現(xiàn)了 ],有了CSS,我們可以從外部來(lái)控制頁(yè)面的外觀,同時(shí)將文件內(nèi)容和呈現(xiàn)方式的設(shè)定給分隔開來(lái),網(wǎng)站設(shè)計(jì)的編排可以不需動(dòng)用到表格功能,改用CSS來(lái)控制,這么一來(lái)標(biāo)記內(nèi)容的工作就可以簡(jiǎn)化許多,且對(duì)于開發(fā)人員而言,意思明確的網(wǎng)站比圖像式更容易處理;使用有意義的標(biāo)簽亦可讓程式或其他設(shè)備辨識(shí)出來(lái),例如,像搜尋引擎就可以辨別出頁(yè)面中以h1標(biāo)記所框?qū)懫饋?lái)的標(biāo)題,從而加重他的重要性;而那些依賴頁(yè)面閱讀輔助的使用者,也可以利用標(biāo)題作為瀏覽頁(yè)面時(shí)的輔助,加強(qiáng)網(wǎng)站的實(shí)用性。
時(shí)代在進(jìn)步,網(wǎng)站設(shè)計(jì)的技術(shù)也持續(xù)在跟進(jìn),一間好的網(wǎng)站設(shè)計(jì)公司除了提供一系列完善的服務(wù)之外,客戶交付的專案,應(yīng)以最有效率的方式,良好的溝通,設(shè)計(jì)出最符合搜尋行銷,最能夠表現(xiàn)客戶公司以及產(chǎn)品的網(wǎng)站設(shè)計(jì)作品。
網(wǎng)站欄目:CSS建站會(huì)成為網(wǎng)頁(yè)設(shè)計(jì)的主流
鏈接地址:http://www.rwnh.cn/news46/79096.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、自適應(yīng)網(wǎng)站、定制開發(fā)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容