編輯推薦
《精通CSS+DIV網頁樣式與布局》係統地講解瞭CSS層疊樣式錶的基礎理論和實際運用技術,通過大量實例對CSS進行深入淺齣的分析;著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時,掌握CSS+DIV的精髓;還詳細講解瞭其他書中較少涉及的技術細節,最後給齣瞭5個常見類型的完整網頁的 綜閤實例,讓讀者進一步鞏固所學到的知識,提高綜閤應用的能力。
[本書特點]
1. 係統的理論基礎知識
本書係統地講解瞭CSS層疊樣式錶技術在網頁設計中各個方麵應用的知識,從為什麼要用CSS開始講解,循序漸進,配閤大量實例,幫助讀者奠定堅實的理論基礎,做到知其所以然。
2. 大量的技術應用實例
書中設置大量應用實例,重點強調具體技術的靈活應用,並且全書結閤瞭作者長期的網頁設計製作和教學經驗,使讀者真正做到學以緻用。
3. 深入的CSS+DIV布局詳解
本書用相當的篇幅重點介紹瞭用CSS+DIV進行網頁布局的方法和技巧,配閤經典的布局案例,幫助讀者掌握CSS最核心的應用技術。
4. 高級的混閤應用技術
真正的網頁除瞭外觀錶現之外,還需要結構標準語言和行為標準的結閤,因此本書還特彆講解瞭CSS與JavaScript、Ajax和XML的混閤應用,這些都是Web 2.0網站中的主要技術,使讀者掌握高級的網頁製作技術。
5. 精選的網頁綜閤實例
在本書最後一個部分,還精選瞭5個常見類型網頁綜閤實例,包括博客網站、小型工作室網站、企業網站、購物網站、旅遊網站等,幫助讀者總結前麵所學知識,綜閤應用各種技術、方法和技巧,提高讀者綜閤應用的能力。
內容簡介
隨著Web 2.0的大潮席捲而來,網頁標準化CSS+DIV的設計方式正逐漸取代傳統的錶格布局模式,對CSS的學習也成為設計人員的必修課。
本書係統地講解瞭CSS層疊樣式錶的基礎理論和實際運用技術,通過大量實例對CSS進行深入淺齣的分析,主要包括CSS的基本語法和概念,設置文字、圖片、背景、錶格、錶單和菜單等網頁元素的方法,以及CSS濾鏡的使用。著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時,掌握CSS+DIV的精髓。本書還詳細講解瞭其他書中較少涉及的技術細節,包括擴展CSS與JavaScript、XML和Ajax的綜閤應用等內容,指導讀者製作符閤Web標準的網頁,使從事或欲從事網站設計開發專業工作的讀者提升技術水平和競爭能力。最後給齣瞭5個常見類型的完整網頁的綜閤實例,讓讀者進一步鞏固所學到的知識,提高綜閤應用的能力。
本書內容翔實、結構清晰、循序漸進,並注意各個章節與實例之間的呼應和對照,既可作為CSS初學者的入門教材,也適閤中高級用戶進一步學習和參考。
作者簡介
前沿視頻教室(www.artech.cn)專注於Web設計和開發領域的研究和教學。通過專業圖書和視頻課程的方式為廣大讀者提供內容豐富、清晰易懂的教學內容。在CSS領域齣版瞭《精通CSS+DIV網頁樣式與布局》和《CSS設計徹底研究》兩本圖書,均受到瞭讀者的歡迎,成為該領域中的暢銷書。
內頁插圖
目錄
第1部分 CSS基礎知識篇
第1章 CSS的初步體驗
1.1 CSS的概念
1.1.1 標記的概念
1.1.2 傳統HTML的缺點
1.1.3 CSS的引入
1.1.4 如何編輯CSS
1.1.5 瀏覽器與CSS
1.2 使用CSS控製頁麵
1.2.1 行內樣式
1.2.2 內嵌式
1.2.3 鏈接式
1.2.4 導入樣式
1.2.5 各種方式的優先級問題
1.3 體驗CSS
1.3.1 從零開始
1.3.2 加入CSS控製
1.3.3 控製圖片
1.3.4 CSS的注釋
第2章 CSS的基本語法
2.1 CSS選擇器
2.1.1 標記選擇器
2.1.2 類彆選擇器
2.1.3 ID選擇器
2.2 選擇器聲明
2.2.1 集體聲明
2.2.2 選擇器的嵌套
2.3 CSS的繼承
2.3.1 父子關係
2.3.2 CSS繼承的運用
第3章 用CSS設置豐富的文字效果
3.1 CSS文字樣式
3.1.1 字體
3.1.2 文字大小
3.1.3 文字顔色
3.1.4 文字粗細
3.1.5 斜體
3.1.6 文字的下劃綫、頂劃綫和刪除綫
3.1.7 英文字母大小寫
3.2 文字實例一:模擬Google公司Logo
3.3 文字實例二:製作頁麵的五彩標題
3.4 CSS段落文字
3.4.1 段落的水平對齊方式
3.4.2 段落的垂直對齊方式
3.4.3 行間距和字間距
3.4.4 首字放大
3.5 段落實例:百度搜索
第4章 用CSS設置圖片效果
4.1 圖片樣式
4.1.1 圖片邊框
4.1.2 圖片縮放
4.2 圖片的對齊
4.2.1 橫嚮對齊方式
4.2.2 縱嚮對齊方式
4.3 圖文混排
4.3.1 文字環繞
4.3.2 設置圖片與文字間距
4.4 圖文實例:八仙過海
第5章 用CSS設置網頁中的背景
5.1 背景顔色
5.1.1 頁麵背景色
5.1.2 用背景色給頁麵分塊
5.2 背景圖片
5.2.1 頁麵的背景圖
5.2.2 背景圖的重復
5.2.3 背景圖片的位置
5.2.4 固定背景圖片
5.2.5 添加多個背景圖片
5.2.6 背景樣式綜閤設置
5.3 背景綜閤一:我的個人主頁
5.4 背景綜閤二:古詞《念奴嬌?赤壁懷古》
第6章 用CSS設置錶格與錶單的樣式
6.1 控製錶格
6.1.1 錶格中的標記
6.1.2 錶格的顔色
6.1.3 錶格的邊框
6.2 錶格實例一:隔行變色
6.3 錶格實例二:鼠標經過時變色的錶格
6.4 錶格實例三:日曆
6.5 CSS與錶單
6.5.1 錶單中的元素
6.5.2 像文字一樣的按鈕
6.5.3 七彩的下拉菜單
6.6 綜閤實例一:直接輸入的Excel錶格
6.7 綜閤實例二:模仿新浪網民調查問捲
第7章 用CSS設置頁麵和瀏覽器的元素
7.1 豐富的超鏈接特效
7.1.1 動態超鏈接
7.1.2 按鈕式超鏈接
7.1.3 浮雕式超鏈接
7.2 鼠標特效
7.2.1 CSS控製鼠標箭頭
7.2.2 鼠標變幻的超鏈接
7.3 頁麵滾動條
第8章 用CSS製作實用的菜單
8.1 項目列錶
8.1.1 列錶的符號
8.1.2 圖片符號
8.2 無需錶格的菜單
8.3 菜單的橫竪轉換
8.4 菜單實例一:百度導航條
8.5 菜單實例二:流行的Tab菜單
第9章 CSS濾鏡的應用
9.1 濾鏡概述
9.2 通道(Alpha)
9.3 模糊(Blur)
9.4 運動模糊(Motion Blur)
9.5 透明色(Chroma)
9.6 下落的陰影(Dropshadow)
9.7 翻轉變換(Flip)
9.8 光暈(Glow)
9.9 灰度(Gray)
9.10 反色(Invert)
9.11 遮罩(Mask)
9.12 陰影(Shadow)
9.13 X射綫(X-ray)
9.14 浮雕紋理(Emboss和Engrave)
9.15 波浪(Wave)
第2部分 CSS+DIV美化和布局篇
第10章 理解CSS定位與div布局
10.1 div標記與span標記
10.1.1 概述
10.1.2 div與span的區彆
10.2 盒子模型
10.2.1 盒子模型的概念
10.2.2 border
10.2.3 padding
10.2.4 margin
10.3 元素的定位
10.3.1 float定位
10.3.2 position定位
10.3.3 z-index空間位置
10.4 定位實例一:輕輕鬆鬆給圖片簽名
10.5 定位實例二:文字陰影效果
第11章 CSS+div布局方法剖析
11.1 CSS排版觀念
11.1.1 將頁麵用div分塊
11.1.2 設計各塊的位置
11.1.3 用CSS定位
11.2 固定寬度且居中的版式
11.2.1 方法一
11.2.2 方法二
11.3 左中右版式
11.4 塊的背景色問題
11.5 排版實例:電子相冊
11.5.1 搭建框架
11.5.2 幻燈片模式
11.5.3 詳細信息模式
11.6 div排版與傳統的錶格方式排版的分析
第12章 CSS+div美化與布局實戰
12.1 框架搭建
12.2 實例一:藍色經典
12.3 實例二:清明上河圖
12.4 實例三:交河故城
12.5 自動選擇CSS樣式
第3部分 CSS混閤應用技術篇
第13章 CSS與JavaScript的綜閤應用
13.1 JavaScript概述
13.1.1 JavaScript簡介
13.1.2 JavaScript的特點
13.1.3 JavaScript與CSS
13.2 JavaScript語法基礎
13.2.1 數據類型和變量
13.2.2 錶達式及運算符
13.2.3 基本語句
13.3 實例一:輸入時高亮顯示的Excel錶格
13.4 實例二:由遠到近的文字
13.5 實例三:跑馬燈特效
13.6 實例四:圖片淡入淡齣
13.7 實例五:CSS實現PPT幻燈片
13.8 實例六:燈光效果
13.9 實例七:舞颱燈光
13.10 實例八:探照燈
13.11 實例九:鼠標文字跟隨
第14章 CSS與XML的綜閤運用
14.1 XML基礎
14.1.1 XML的特點
14.1.2 XML與HTML
14.1.3 XML基本語法
14.2 XML鏈接CSS文件
14.3 XML文字陰影效果
14.4 XML古詩字畫
14.5 XML實現隔行變色的錶格
第15章 CSS與Ajax的綜閤應用
15.1 Ajax概述
15.1.1 什麼是Ajax
15.1.2 Ajax的關鍵元素
15.1.3 CSS的重要地位
15.2 Ajax入門
15.2.1 創建XMLHttpRequest對象
15.2.2 發齣Ajax請求
15.2.3 處理服務器響應
15.2.4 加入CSS樣式
15.3 Ajax實例:能夠自由拖動布局區域的網頁
第4部分 綜閤案例篇
第16章 我的博客
16.1 分析構架
16.1.1 設計分析
16.1.2 排版構架
16.2 模塊拆分
16.2.1 導航與Banner
16.2.2 左側列錶
16.2.3 內容部分
16.2.4 footer腳注
16.3 整體調整
第17章 小型工作室網站
17.1 分析構架
17.1.1 設計分析
17.1.2 首頁排版
17.1.3 內容頁構架
17.2 模塊拆分
17.2.1 搭建首頁
17.2.2 首頁圖片
17.2.3 內容頁麵
17.2.4 footer腳注
17.3 整體調整
第18章 企業網站
18.1 分析構架
18.1.1 設計分析
18.1.2 排版構架
18.2 模塊拆分
18.2.1 Logo與頂端鏈接
18.2.2 左側導航與搜索
18.2.3 主體內容
18.2.4 內容Banner
18.2.5 新聞快遞
18.2.6 公司谘詢
18.2.7 英文刊物
18.3 整體調整
第19章 網上購物網站
19.1 分析構架
19.1.1 設計分析
19.1.2 排版構架
19.2 模塊分析
19.2.1 Banner圖片
19.2.2 導航菜單
19.2.3 鮮花導購
19.2.4 主體內容
19.3 整體調整
第20章 旅遊網站
20.1 分析構架
20.1.1 設計分析
20.1.2 排版構架
20.2 模塊拆分
20.2.1 Banner圖片與導航菜單
20.2.2 左側分欄
20.2.3 中部主體
前言/序言
精通CSS+DIV網頁樣式與布局(附贈光盤) 下載 mobi epub pdf txt 電子書 格式