CSS設計徹底研究

CSS設計徹底研究

本書是一本深入研究和揭示CSS設計技術的書籍。本書在透徹地講解CSS核心技術的基礎上,深入到各個實際套用領域中,充分向讀者演示了如何使用css的各項技術,實現令人眩目的網頁布局和效果。

基本信息

基本信息

刊物信息

作者:前沿科技溫謙
ISBN:10位[711517296X] 13位[9787115172969]
出版社人民郵電出版社
出版日期:2008-2-1
定價:¥69.00 元

內容提要

本書詳細介紹了css核心基礎、盒子模型等知識,力求把原理和方法講清楚,採用了“探索式”的講解方法,對於一個問題,例如標準流、浮動、定位等規律,均通過一系列動手實驗,使讀者自己就能夠非常自然地得出結論,使讀者不僅知其然,而且知其所以然。 在本書中對設計中常用的網頁元素和布局方式都給出詳細的分類和歸納,並講解了完整的解決方法,主要包括各種導航選單(水平的、豎直的、固定寬度的、自適應寬度的、下拉的等),Tab面板、伸縮面板和摺疊面板,以及各種形式的分列布局(固定寬度的、變化寬度的、固定寬度與變化寬度結合的),等等。這樣讀者在理解了方法的基礎上,可以直接將案例用在自己的設計中的,只需要按照所需進行修改即可。 本書適合需要使用cSs的web設計人員和開發人員閱讀,最好具備一定的HTML和網頁設計製作基礎。

編輯推薦

徹底理解CSS的布局原理 設計靈活的多列布局 創建純CSS實現的導航選單 設計最新的網頁元素樣式 打破死板的布局方式 探尋夸瀏覽器的兼容方案 part 1 : CSS的魅力 讀者可以看到CSS能夠給網頁設計帶來的眩目效果,並且充分了解(X)HTML和CSS相關的核心基礎知識。 part 2 : 核心基石 然後讀者將會深入了解CSS的核心機制——盒子模型,它也是CSS布局的最核心的基礎;接著學習CSS布局的重點和難點——浮動和定位;然後通過對文字和圖像的排版,看到很多有趣的套用。 part 3 : 連結與選單 接下來,針對超連線,將進行深入的講解,可以看到很多非常神奇的連結和選單效果。 part 4: 神奇的表格 HTML中的表格非常呆板,而使用CSS對他進行修飾以後,效果就完全不同了,通過製作複雜的多模式日曆,讀者會看到這裡面的奧秘。 part 5: 多彩的圓角設計 圓角框看起來簡單,實際上區有著很豐富多彩的變化,本書深入講解了製作圓角框的多種方法,深入分析了不同方法的特點和使用範圍。 part 6 :高級網頁元素 近年出現的很多全新的網頁元素,例如Tab面板、摺疊面板、伸縮面板等等,這些元素大大改善了用戶的體驗,本書將介紹設計這些元素的方法。 part 7 : 網頁布局深入揭秘 網頁的布局形式千變萬化,本書對布局的規律進行了全面地歸納和總結,從而形成了不同形式布局的設計模式,並給出全面的案例。 part 8 :禪意花園 以CSS禪意花園的作品為例,在研究成功作品的基礎上,製作了自己的CSS禪意花園作品,從而演示了對整體頁面的布局方法。

本書特點

1.深入探索 本書以獨特的探索方式對CSS設計技術的原理和方法進行講解,符合自學者的認知特點。
2.得出結論,總結經驗 本書通過一系列的動手實驗,使讀者自己就能夠非常自然地得出結論。對各種設計中產能共用的網頁元素和布局方式的設計都給出了完整的思路和製作方案,對學習和工作過程中遇到的溝溝坎坎也給出了解決方法。
3. 綜合實踐 我們與“CSS禪意花園”的創建者Dave Shea取得了聯繫,獲得了使用禪意花園作品的授權。本書會結合禪意花園網站中的一些精彩案例,給出分析和說明。最後將綜合前面所學,從創意、拍攝素材到實際完成的全過程,實際製作自己的“禪意花園”作品,培養讀者的綜合實踐能力。
4本書附帶有6小時的光碟內容,包括了本書所有案例的原始碼、素材和最終效果檔案。

圖書目錄

第1章 (X)HTML與CSS核心基礎
1.1 HTML與XHTML 
1.1.1 追根溯源 
1.1.2 DOCTYPE(文檔類型)的含義與選擇 
1.1.3 XHTML與HTML的重要區別 
1.2 (X)HTML與CSS 
1.2.1 CSS標準簡介 
1.2.2 在HTML中引入CSS的方法 
1.3 基本css選擇器 
1.3.1 標記選擇器 
1.3.2 類別選擇器 
1.3.3 ID選擇器 
1.4 複合選擇器 
1.4.1 “交集”選擇器 
1.4.2 “並集”選擇器 
1.4.3 後代選擇器 
1.5 CSS的繼承特性 
1.5.1 繼承關係 
1.5.2 CSS繼承的運用 
1.6 CSS的層疊特性 
1.7 本章小結
第2章 “CSS禪意花園”作品鑑賞
2.1 “CSS禪意花園”簡介 
2.2 郊野——兩列布局 
2.3 像素畫——三列布局 
2.4 百合池塘——三列布局變體 
2.5 鬱金香——多列布局 
2.6 日與夜——包含圓角的設計 
2.7 Si6——包含傾斜的設計 
2.8 清茶時光——裝飾性設計 
2.9 愛之空氣——流體布局 
2.10 谷香——食品主題設計 
2.11 城市——建築主題設計 
2.12 “卡通版”禪意花園——特色效果 
2.13 收音機——特色效果 
2.14 殺手風格——特色效果 
2.15 海底世界——特色效果 
2.16 博物館——特色設計 
2.17 劇院效果——特色效果 
2.18 本章小結
第3章 深入理解盒子模型
3.1 盒子的內部結構 
3.2 框線(border) 
3.2.1 實驗1——border-style
3.2.2 屬性值的簡寫形式 
3.2.3 實驗2——屬性的縮寫形式 
3.2.4 實驗3——框線與背景 
3.3 內邊距(padding) 
3.4 外邊距(margin) 
3.5 盒子之間的關係 
3.5.1 HTML與DOM 
3.5.2 標準文檔流 
3.5.3 div 標記與 span 標記 
3.6 盒子在標準流中的定位原則 
3.6.1 實驗1——行內元素之間的水平margin 
3.6.2 實驗2——塊級元素之間的豎直margin 
3.6.3 實驗3——嵌套盒子之間的margin 
3.6.4 實驗4——將margin設定為負值 
3.7 CSS中的幾何題 
3.8 本章小結
第4章 盒子的浮動與定位
4.1 盒子的浮動 
4.1.1 準備代碼 
4.1.2 實驗1——設定第1個浮動的div 
4.1.3 實驗2——設定第2個浮動的div 
4.1.4 實驗3——設定第3個浮動的div 
4.1.5 實驗4——改變浮動的方向 
4.1.6 實驗5——再次改變浮動的方向 
4.1.7 實驗6——全部向左浮動 
4.1.8 實驗7——使用clear屬性清除浮動的影響 
4.1.9 實驗8——擴展盒子的高度 
4.2 盒子的定位 
4.2.1 static(靜態定位) 
4.2.2 relative(相對定位) 
4.2.3 absolute(絕對定位) 
4.2.4 fixed(固定定位) 
4.3 z-index空間位置 
4.4 盒子的display屬性 
4.5 本章小結
第5章 文字與圖像
……
第6章 連結與導航 
第7章 豎直排列的導航選單 
第8章 水平導航選單 
第9章 下拉選單 
第10章 表格也精彩 
第11章 圓角設計 
第12章 套用Spry製作高級網頁組件 
第13章 固定寬度布局剖析與製作 
第14章 變寬度網頁布局剖析與製作 
第15章 “CSS禪意花園”作品研究 
第16章 綜合案例研究 
第17章 從學習到創作 
附錄 CSS英文小字典
……

相關詞條

相關搜尋

熱門詞條

聯絡我們