尤其是從平面設(shè)計(jì)轉(zhuǎn)成網(wǎng)頁設(shè)計(jì)的人來說,css的語法可說是許多人的夢靨。CSS起初用于 HTML 網(wǎng)頁中,可取代傳統(tǒng)字型標(biāo)簽和其他「樣式」標(biāo)記(ex:背景顏色、文字顏色大小、邊界...等等),一直到W3C 批淮了 CSS 第二級,除了在級的規(guī)范里增加了更多功能之外,同時也出現(xiàn)了定位的屬性。而這些屬性也取代了被犯濫使用的table標(biāo)簽。
網(wǎng)站建設(shè),網(wǎng)站優(yōu)化" />
以上的敘述還是無法充分的解釋css的優(yōu)點(diǎn),以一般人的想法來說,用表格所顯示的效果與css幾乎相同,而css又因不同的瀏覽器支援度而有所差異,可以用表格輕松達(dá)到的效果何樂而不為?
以下列出幾個css的優(yōu)點(diǎn),再由您來判定哪一種方式是真正適合用于網(wǎng)頁設(shè)計(jì)的的編法,也許您會對css有所改觀。
比較兩種不同寫法的HTML原始碼,表格的原碼數(shù)量勢必比css多出許多。
更新、改版更容易。表格設(shè)計(jì)是死的,css設(shè)計(jì)是活的,設(shè)計(jì)好的表格版型因原始碼的復(fù)雜,很難再改變。再者,您可一次更新網(wǎng)站的相同內(nèi)容,而不需要每個頁面分別修改。ex:假設(shè),想要把原本標(biāo)題靠右的文字內(nèi)容改為置中,只需修改css即可。
CSS能讓我們更輕易的修改整個網(wǎng)站的設(shè)計(jì)風(fēng)格。大多數(shù)的網(wǎng)站不會希望網(wǎng)站樣貌是同一個樣子,使用久了總會看膩,這時若采用表格設(shè)計(jì)網(wǎng)頁,勢必要因?yàn)樾碌陌婷骘L(fēng)格而重新製作表格欄位,反之,css所設(shè)計(jì)的版面,只需要修改CSS文字樣式即可。
CSS的編寫照顧到弱勢族群。盲人專用的瀏覽器(語音或點(diǎn)字瀏覽器),可將 不必要的顯示效果拿掉,而將重要的內(nèi)容優(yōu)先顯示,借此能讓盲人立即掌握到重要的資訊,這樣是這幾年流行的無障礙網(wǎng)頁設(shè)計(jì)。
CSS的設(shè)計(jì)有助于SEO讓搜尋機(jī)器人更加輕易辨識網(wǎng)頁內(nèi)容。網(wǎng)站設(shè)計(jì)除了整體外觀漂亮之外,還須考量到seo,使自己的網(wǎng)站能在各大搜尋引擎容易被找到。
綜合以上CSS的優(yōu)點(diǎn),您是否也對CSS用來設(shè)計(jì)版面有了新的看法?當(dāng)然剛開始使用CSS設(shè)計(jì)排版對許多網(wǎng)頁設(shè)計(jì)師是一項(xiàng)艱巨的挑戰(zhàn),同樣一個版面,也許用表格編排只需花上半天的時間,用CSS排版卻要用掉三天的工作天,但,一旦掌握其中的道理與規(guī)則,相信您也會對CSS愛不釋手。
網(wǎng)站欄目:網(wǎng)站建設(shè)為什么要使用DIV布局網(wǎng)站
URL分享:http://redsoil1982.com.cn/news/90519.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)