資源描述:
《css,什么css,學(xué)習(xí)css,css專題,css知識(shí)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、感謝:分享官方網(wǎng)站:http://www.sjvi.netCSS目錄1、CSS歷史2、使用CSS+DIV的優(yōu)點(diǎn)3、感性體驗(yàn)CSS4、如何將樣式表加入到網(wǎng)頁5、CSS的語法6、CSS設(shè)計(jì)網(wǎng)頁的經(jīng)驗(yàn)7、CSSHack匯總快查8、DIV+css的結(jié)構(gòu)9、DIV+CSS網(wǎng)頁布局入門指南10、CSS的限制11、學(xué)好CSS的流程1、CSS歷史返回首頁↑從1990年代初HTML被發(fā)明開始,樣式表就以各種形式出現(xiàn)了,不同的瀏覽器結(jié)合了它們各自的樣式語言,讀者可以使用這些樣式語言來調(diào)節(jié)網(wǎng)頁的顯示方式。一開始樣式表是給讀者用的,最初的HTML
2、版本只含有很少的顯示屬性,讀者來決定網(wǎng)頁應(yīng)該怎樣被顯示。但隨著HTML的成長,為了滿足設(shè)計(jì)師的要求,HTML增加了很多顯示功能。隨著這些功能的增加,外來定義樣式的語言越來越?jīng)]有意義了。1994年哈坤·利提出了CSS的最初建議;伯特·波斯(BertBos)當(dāng)時(shí)正在設(shè)計(jì)一個(gè)叫做Argo的瀏覽器,他們決定一起合作設(shè)計(jì)CSS。當(dāng)時(shí)已經(jīng)有過一些關(guān)于樣式表語言的建議了,但CSS是第一個(gè)含有“層疊”的主意的。在CSS中,一個(gè)文件的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式,在其他地方去繼承,或“層疊”作者
3、的樣式,這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計(jì),混合各人的愛好。哈坤于1994年在芝加哥的一次會(huì)議上第一次提出了CSS的建議,1995年他與波斯一起再次提出這個(gè)建議。當(dāng)時(shí)W3C剛剛建立,W3C對(duì)CSS的發(fā)展很感興趣,它為此組織了一次討論會(huì)。哈坤、波斯和其他一些人(比如微軟的托馬斯·雷爾登)是這個(gè)項(xiàng)目的主要技術(shù)負(fù)責(zé)人。1996年底,CSS已經(jīng)完成。1996年12月CSS要求的第一版本被出版。1997年初,W3C內(nèi)組織了專門管CSS的工作組,其負(fù)責(zé)人是克里斯·里雷。這個(gè)工作組開始討論第一版中沒有涉及到的問題,于是
4、1998年5月出版了CCS的第二版。到2007年為止,第三版還未完備。2、使用CSS+DIV的優(yōu)點(diǎn)采用CSS+DIV進(jìn)行網(wǎng)頁重構(gòu)相對(duì)與傳統(tǒng)的TABLE網(wǎng)頁布局而具有以下3個(gè)顯著優(yōu)勢:1:表現(xiàn)和內(nèi)容相分離將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中,HTML文件中只存放文本信息。這樣的頁面對(duì)搜索引擎更加友好。2:提高頁面瀏覽速度對(duì)于同一個(gè)頁面視覺效果,采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多,前者一般只有后者的1/2大小。瀏覽器就不用去編譯大量冗長的標(biāo)簽。3:易于維護(hù)和改版你只要簡單的修改幾個(gè)CSS
5、文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁面。4:使用div+css更符合現(xiàn)在的W3C國際標(biāo)準(zhǔn).3、感性體驗(yàn)CSS什么是CSS呢?你可能急迫的想知道答案。但是空泛的文字描述意義不大,讓我們先來一點(diǎn)感性體驗(yàn)吧??纯催@個(gè)沒有添加CSS的HTML文件:http://www.csszengarden.com/zengarden-sample.html是一個(gè)普普通通的網(wǎng)頁。然而通過給這個(gè)文件添加的CSS規(guī)則,我們可以得到十分美觀的網(wǎng)頁:http://www.csszengarden.com/這還不是全部,不改動(dòng)HTML,只是通過添加不同的CSS
6、規(guī)則,我們就可以得到各種不同樣式的網(wǎng)頁:http://www.csszengarden.com/?cssfile=/208/208.css&page=0好了,下面我們再來回答什么是CSS這個(gè)問題。什么是CascadingStyleSheets(層疊樣式表)*CSS是CascadingStyleSheets(層疊樣式表)的簡稱.*CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語言).*在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn).*CSS文件也可以說是一個(gè)文本文件,它包含了一些C
7、SS標(biāo)記,CSS文件必須使用css為文件名后綴.*可以通過簡單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個(gè)網(wǎng)頁設(shè)計(jì)人員的必修課.*CSS是由W3C的CSS工作組產(chǎn)生和維護(hù)的.4、如何將樣式表加入到網(wǎng)頁可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請參閱!important聲明。鏈入外部樣式表文件(LinkingtoaStyleSheet)你可以先建立外部樣式表文件(.css),然后使用HTML的li
8、nk對(duì)象。示例如下:
文檔標(biāo)題而在XML中,你應(yīng)該如下例所示在聲明區(qū)中加入: