CSS設(shè)計徹底研究

CSS設(shè)計徹底研究

ID:36337125

大?。?1.27 MB

頁數(shù):128頁

時間:2019-05-09

CSS設(shè)計徹底研究_第1頁
CSS設(shè)計徹底研究_第2頁
CSS設(shè)計徹底研究_第3頁
CSS設(shè)計徹底研究_第4頁
CSS設(shè)計徹底研究_第5頁
資源描述:

《CSS設(shè)計徹底研究》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、《CSS設(shè)計徹底研究》第0課《CSS設(shè)計徹底研究》簡介CSS——嶄新的“老技術(shù)”CSS帶來的好處:CSS使頁面載入更快;CSS可以降低網(wǎng)站的流量費(fèi)用;CSS使設(shè)計師在修改設(shè)計時更有效率,而代價更低;CSS使整個站點(diǎn)保持視覺的一致性;CSS使站點(diǎn)可以更好地被搜索引擎找到;CSS使站點(diǎn)對瀏覽者和瀏覽器更具親和力;在世界上越來越多人采用Web標(biāo)準(zhǔn)時,掌握CSS可以提高設(shè)計師的職場競爭實力。第0課《CSS設(shè)計徹底研究》簡介面向讀者本書面向的讀者,需要兩點(diǎn)基本要求:1:具有一定網(wǎng)頁制作基礎(chǔ)的讀者,希望讀者已經(jīng)對HTML的基本元素有所了解。

2、2:具有鉆研的精神和熱情。其中第一點(diǎn)權(quán)重占10%,第2點(diǎn)權(quán)重占90%。源碼網(wǎng):www.codepub.com第0課《CSS設(shè)計徹底研究》簡介“授人以魚”與“授人以漁”第0課《CSS設(shè)計徹底研究》簡介第1章:介紹(X)HTML和CSS相關(guān)的核心基礎(chǔ)知識。第2章:向讀者展示CSS能夠給網(wǎng)頁設(shè)計帶來的效果。第3章:深入講解CSS的核心機(jī)制——盒子模型。第4章:講解CSS布局的重點(diǎn)和難點(diǎn)——浮動和定位。第5章:介紹文字和圖像的排版。第6章:介紹了鏈接和導(dǎo)航相關(guān)的設(shè)置方法。第7章:制作比較簡單的豎直排列的導(dǎo)航菜單。第8章:制作復(fù)雜一些的水

3、平排列的導(dǎo)航菜單。第9章:制作兩級的下拉菜單。第0課《CSS設(shè)計徹底研究》簡介第10章:介紹了對表格的樣式的設(shè)置方法,通過制作復(fù)雜的多模式日歷。第11章:深入講解了制作圓角框的多種方法,深入分析了不同方法的特點(diǎn)和使用范圍。第12章:介紹了在近年出現(xiàn)的一些新的網(wǎng)頁元素的制作方法,例如Tab面板、折疊面板、伸縮面板等等。第13和14章:全面地歸納和總結(jié)了不同形式布局的設(shè)計方法,并給出全面的案例。第15至17章:以CSS禪意花園的作品為例,在研究成功作品的基礎(chǔ)上,制作了自己的CSS禪意花園作品,從而演示了對整體頁面的布局方法。第0課《

4、CSS設(shè)計徹底研究》簡介學(xué)習(xí)資料《CSS設(shè)計徹底研究》即將出版《精通CSS+DIV網(wǎng)頁樣式與布局》http://learning.artech.cnhttp://www.csszengarden.com第1章(X)HTML與CSS核心基礎(chǔ)HTML與CSS的關(guān)系HTML與XHTMLDOCTYPE(文檔類型)的含義與選擇

5、.dtd">…………第1章(X)HTML與CSS核心基礎(chǔ)XHTML與HTML的重要區(qū)別1.在XHTML中標(biāo)記名稱必須小寫2.在XHTML中屬性名稱必須小寫3.在XHTML中標(biāo)記必須嚴(yán)格嚴(yán)格嵌套4.在XHTML中標(biāo)記必須封閉5.在XHTML中,即使是空元素的標(biāo)記也必須封閉6.在XHTML中屬性值用雙引號括起來7.在XHTML中屬性值必須使用完整形式8.在XHTML中,應(yīng)該區(qū)分“內(nèi)容標(biāo)記”與“結(jié)構(gòu)標(biāo)記”第1章(X)HTML與CSS核心基礎(chǔ)

6、在HTML中引入CSS的方法行內(nèi)式ThisisalineofText.內(nèi)嵌式h1{color:white;background-color:blue}第1章(X)HTML與CSS核心基礎(chǔ)在HTML中引入CSS的方法導(dǎo)入式@import"mystyle.css";鏈接式

7、rel="stylesheet"type="text/css"/>第1章(X)HTML與CSS核心基礎(chǔ)基本CSS選擇器含義和作用標(biāo)記選擇器類別選擇器ID選擇器h1color:red;font-size:25px;{}選擇器屬性值屬性值聲明聲明第1章(X)HTML與CSS核心基礎(chǔ)復(fù)合選擇器“交集”選擇器div.special{……}div#special{……}“并集”選擇器div,h1.first,p.specia{……}后代選擇器divh1.firstspan.firstLetter{……}第1章(X)HTML與CSS核心基礎(chǔ)

8、CSS的繼承特性(13~15.htm)第1章(X)HTML與CSS核心基礎(chǔ)CSS的層疊特性(16.htm)行內(nèi)樣式>ID樣式>類別樣式>標(biāo)記樣式

這是第1行文本

這是第2行文本

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。