一定要學(xué)CSS嗎?有什么理由?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
一個熱門技術(shù),CSS的發(fā)展的確有些緩慢。CSS最早被提議在1994年,最早被瀏覽器支持在1996年,CSS一直被力捧為傳統(tǒng)的以HTML為基礎(chǔ)的web代碼的繼續(xù)者。CSS使用樣式表來控制整個站點字體和布局的能力,使它看起來非常有效率、易于設(shè)計和有遠見。然而,也一直有荒誕的說法圍繞著CSS,阻礙了網(wǎng)頁設(shè)計師學(xué)習(xí)和把握這種語言。一定要學(xué)CSS嗎?有什么理由?
下面是我的十大理由,不分排名先后:
示例代碼 [www.hl5o.cn]
1、CSS將從基礎(chǔ)開始建設(shè)直到全面替代傳統(tǒng)web設(shè)計方法。W3C組織創(chuàng)建的CSS技術(shù)將替代HTML的表格、font標(biāo)簽、frames以及其它用于表現(xiàn)的HTML元素。
2、提高頁面瀏覽速度。使用CSS方法,比傳統(tǒng)的web設(shè)計方法至少節(jié)約50%以上的文件尺寸。
3、縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設(shè)計一個有成百上千頁面的站點。
4、.強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標(biāo)簽好多了,有了CSS,我們不再需要用FONT標(biāo)簽或者透明的1 px GIF圖片來控制標(biāo)題,改變字體顏色,字體樣式等等。
5、CSS非常輕易編寫。你可以象寫html代碼一樣輕松地編寫CSS。
6、提高易用性。使用CSS可以結(jié)構(gòu)化HTML,例如:<p>標(biāo)簽只用來控制段落,heading標(biāo)簽只用來控制標(biāo)題,table標(biāo)簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你可以增加更多的用戶而不需要建立獨立的版本。
7、可以一次設(shè)計,隨處發(fā)布。你的設(shè)計不僅僅用于web瀏覽器,也可以發(fā)布在其他設(shè)備上,比如PowerPoint。
8、更好的控制頁面布局。不用多說。
9、表現(xiàn)和內(nèi)容相分離。將設(shè)計部分剝離出來放在一個獨立樣式文件中,你可以減少未來網(wǎng)頁無效的可能。
10、更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的內(nèi)容,并可能給你一個較高的評價(ranking)。
2、提高頁面瀏覽速度。使用CSS方法,比傳統(tǒng)的web設(shè)計方法至少節(jié)約50%以上的文件尺寸。
3、縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設(shè)計一個有成百上千頁面的站點。
4、.強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標(biāo)簽好多了,有了CSS,我們不再需要用FONT標(biāo)簽或者透明的1 px GIF圖片來控制標(biāo)題,改變字體顏色,字體樣式等等。
5、CSS非常輕易編寫。你可以象寫html代碼一樣輕松地編寫CSS。
6、提高易用性。使用CSS可以結(jié)構(gòu)化HTML,例如:<p>標(biāo)簽只用來控制段落,heading標(biāo)簽只用來控制標(biāo)題,table標(biāo)簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你可以增加更多的用戶而不需要建立獨立的版本。
7、可以一次設(shè)計,隨處發(fā)布。你的設(shè)計不僅僅用于web瀏覽器,也可以發(fā)布在其他設(shè)備上,比如PowerPoint。
8、更好的控制頁面布局。不用多說。
9、表現(xiàn)和內(nèi)容相分離。將設(shè)計部分剝離出來放在一個獨立樣式文件中,你可以減少未來網(wǎng)頁無效的可能。
10、更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的內(nèi)容,并可能給你一個較高的評價(ranking)。
看了這些,有何感覺?多看相關(guān)的文章、教程,步入CSS的天空吧!
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個你該知道的CSS3新技術(shù)
- 用正則表達式替換a標(biāo)記href值
- 30個優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計教程
- css中px和em有什么區(qū)別
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-一定要學(xué)CSS嗎?有什么理由?
。