一定要學(xué)CSS嗎?有什么理由?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
一個熱門技術(shù),CSS的發(fā)展的確有些緩慢。CSS最早被提議在1994年,最早被瀏覽器支持在1996年,CSS一直被力捧為傳統(tǒng)的以HTML為基礎(chǔ)的web代碼的繼續(xù)者。CSS使用樣式表來控制整個站點(diǎn)字體和布局的能力,使它看起來非常有效率、易于設(shè)計(jì)和有遠(yuǎn)見。然而,也一直有荒誕的說法圍繞著CSS,阻礙了網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)和把握這種語言。一定要學(xué)CSS嗎?有什么理由?
下面是我的十大理由,不分排名先后:
示例代碼 [hl5o.cn]
1、CSS將從基礎(chǔ)開始建設(shè)直到全面替代傳統(tǒng)web設(shè)計(jì)方法。W3C組織創(chuàng)建的CSS技術(shù)將替代HTML的表格、font標(biāo)簽、frames以及其它用于表現(xiàn)的HTML元素。
2、提高頁面瀏覽速度。使用CSS方法,比傳統(tǒng)的web設(shè)計(jì)方法至少節(jié)約50%以上的文件尺寸。
3、縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設(shè)計(jì)一個有成百上千頁面的站點(diǎn)。
4、.強(qiáng)大的字體控制和排版能力。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ù)等等。你可以增加更多的用戶而不需要建立獨(dú)立的版本。
7、可以一次設(shè)計(jì),隨處發(fā)布。你的設(shè)計(jì)不僅僅用于web瀏覽器,也可以發(fā)布在其他設(shè)備上,比如PowerPoint。
8、更好的控制頁面布局。不用多說。
9、表現(xiàn)和內(nèi)容相分離。將設(shè)計(jì)部分剝離出來放在一個獨(dú)立樣式文件中,你可以減少未來網(wǎng)頁無效的可能。
10、更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的內(nèi)容,并可能給你一個較高的評價(ranking)。
2、提高頁面瀏覽速度。使用CSS方法,比傳統(tǒng)的web設(shè)計(jì)方法至少節(jié)約50%以上的文件尺寸。
3、縮短改版時間。只要簡單的修改幾個CSS文件就可以重新設(shè)計(jì)一個有成百上千頁面的站點(diǎn)。
4、.強(qiáng)大的字體控制和排版能力。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ù)等等。你可以增加更多的用戶而不需要建立獨(dú)立的版本。
7、可以一次設(shè)計(jì),隨處發(fā)布。你的設(shè)計(jì)不僅僅用于web瀏覽器,也可以發(fā)布在其他設(shè)備上,比如PowerPoint。
8、更好的控制頁面布局。不用多說。
9、表現(xiàn)和內(nèi)容相分離。將設(shè)計(jì)部分剝離出來放在一個獨(dú)立樣式文件中,你可以減少未來網(wǎng)頁無效的可能。
10、更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的內(nèi)容,并可能給你一個較高的評價(ranking)。
看了這些,有何感覺?多看相關(guān)的文章、教程,步入CSS的天空吧!
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(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ù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- CSS背景圖片background-image須注意路徑問題!
- CSS菜單實(shí)例:按鈕效果跳躍的藍(lán)色精靈
- CSS實(shí)例:三列自適應(yīng)等高且中列寬度自適應(yīng)
- CSS布局教程:如何用CSS構(gòu)建圖片、文字混排的產(chǎn)品展示?
- DIVCSS實(shí)例:一款不錯的CSS翻頁效果(DIGG)
- 用css網(wǎng)站布局之十步實(shí)錄!(三)
- 用css網(wǎng)站布局之十步實(shí)錄!(四)
- 用CSS打造評分星級效果的一個實(shí)例
- CSS實(shí)例教程:用列表ul制作CSS橫向菜單的基礎(chǔ)知識
- CSS菜單:一個圖片構(gòu)建菜單的三種狀態(tài)一例!
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-一定要學(xué)CSS嗎?有什么理由?
。