資源描述:
《CSS設計徹底研究》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。
1、《CSS設計徹底研究》第0課《CSS設計徹底研究》簡介CSS——嶄新的“老技術”CSS帶來的好處:CSS使頁面載入更快;CSS可以降低網站的流量費用;CSS使設計師在修改設計時更有效率,而代價更低;CSS使整個站點保持視覺的一致性;CSS使站點可以更好地被搜索引擎找到;CSS使站點對瀏覽者和瀏覽器更具親和力;在世界上越來越多人采用Web標準時,掌握CSS可以提高設計師的職場競爭實力。第0課《CSS設計徹底研究》簡介面向讀者本書面向的讀者,需要兩點基本要求:1:具有一定網頁制作基礎的讀者,希望讀者已經對HTML的基本元素有所了解。
2、2:具有鉆研的精神和熱情。其中第一點權重占10%,第2點權重占90%。源碼網:www.codepub.com第0課《CSS設計徹底研究》簡介“授人以魚”與“授人以漁”第0課《CSS設計徹底研究》簡介第1章:介紹(X)HTML和CSS相關的核心基礎知識。第2章:向讀者展示CSS能夠給網頁設計帶來的效果。第3章:深入講解CSS的核心機制——盒子模型。第4章:講解CSS布局的重點和難點——浮動和定位。第5章:介紹文字和圖像的排版。第6章:介紹了鏈接和導航相關的設置方法。第7章:制作比較簡單的豎直排列的導航菜單。第8章:制作復雜一些的水
3、平排列的導航菜單。第9章:制作兩級的下拉菜單。第0課《CSS設計徹底研究》簡介第10章:介紹了對表格的樣式的設置方法,通過制作復雜的多模式日歷。第11章:深入講解了制作圓角框的多種方法,深入分析了不同方法的特點和使用范圍。第12章:介紹了在近年出現的一些新的網頁元素的制作方法,例如Tab面板、折疊面板、伸縮面板等等。第13和14章:全面地歸納和總結了不同形式布局的設計方法,并給出全面的案例。第15至17章:以CSS禪意花園的作品為例,在研究成功作品的基礎上,制作了自己的CSS禪意花園作品,從而演示了對整體頁面的布局方法。第0課《
4、CSS設計徹底研究》簡介學習資料《CSS設計徹底研究》即將出版《精通CSS+DIV網頁樣式與布局》http://learning.artech.cnhttp://www.csszengarden.com第1章(X)HTML與CSS核心基礎HTML與CSS的關系HTML與XHTMLDOCTYPE(文檔類型)的含義與選擇
5、.dtd">…………第1章(X)HTML與CSS核心基礎XHTML與HTML的重要區(qū)別1.在XHTML中標記名稱必須小寫2.在XHTML中屬性名稱必須小寫3.在XHTML中標記必須嚴格嚴格嵌套4.在XHTML中標記必須封閉5.在XHTML中,即使是空元素的標記也必須封閉6.在XHTML中屬性值用雙引號括起來7.在XHTML中屬性值必須使用完整形式8.在XHTML中,應該區(qū)分“內容標記”與“結構標記”第1章(X)HTML與CSS核心基礎
6、在HTML中引入CSS的方法行內式ThisisalineofText.內嵌式h1{color:white;background-color:blue}第1章(X)HTML與CSS核心基礎在HTML中引入CSS的方法導入式@import"mystyle.css";鏈接式7、rel="stylesheet"type="text/css"/>第1章(X)HTML與CSS核心基礎基本CSS選擇器含義和作用標記選擇器類別選擇器ID選擇器h1color:red;font-size:25px;{}選擇器屬性值屬性值聲明聲明第1章(X)HTML與CSS核心基礎復合選擇器“交集”選擇器div.special{……}div#special{……}“并集”選擇器div,h1.first,p.specia{……}后代選擇器divh1.firstspan.firstLetter{……}第1章(X)HTML與CSS核心基礎
8、CSS的繼承特性(13~15.htm)第1章(X)HTML與CSS核心基礎CSS的層疊特性(16.htm)行內樣式>ID樣式>類別樣式>標記樣式
這是第1行文本
這是第2行文本