資源描述:
《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行文本