精通CSS+DIV網頁樣式與布局（附贈光盤） pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

前沿科技 編

圖書標籤:

• CSS
• DIV
• 網頁設計
• 網頁布局
• 前端開發
• HTML
• 樣式
• 光盤
• 教程
• 入門

齣版社： 人民郵電齣版社

ISBN：9787115163042

版次：1

商品編碼：10062511

品牌：數藝社

包裝：平裝

齣版時間：2007-08-01

用紙：膠版紙

頁數：449

正文語種：中文

附件：光盤

編輯推薦

　　《精通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，打造響應式、美觀的現代網站 在這個數字時代，擁有一個令人印象深刻且功能強大的網站，是個人品牌、企業形象乃至在綫業務成功的基石。然而，對於許多 aspiring web designer 而言，掌握網頁的視覺呈現和結構布局，特彆是 CSS（層疊樣式錶）和 DIV（division，用於頁麵結構的劃分）的深入應用，仍然是一項挑戰。傳統上，網頁設計過程往往伴隨著繁瑣的代碼和不穩定的布局，尤其是在麵對不同設備尺寸和瀏覽器兼容性時。 《精通CSS+DIV網頁樣式與布局》 正是為解決這些痛點而生。本書並非淺嘗輒止的入門指南，而是深入剖析 CSS 和 DIV 的核心原理與高級技巧，旨在幫助讀者從零開始，逐步構建齣專業級的、響應式且高度可定製的網頁。它將帶領您走進一個全新的網頁設計世界，讓您能夠自信地駕馭各種設計理念，並將其轉化為精美絕倫的實際網頁。 本書的獨特價值與內容概覽： 本書的編寫宗旨在於提供一套完整、係統且極具實踐性的學習路徑。我們深知，理論知識的堆砌無法替代實際操作的經驗。因此，本書在內容設計上，力求將枯燥的代碼解釋轉化為生動形象的設計實踐，讓您在學習過程中，不僅理解“是什麼”，更能掌握“怎麼做”，並深入理解“為什麼”。 第一部分：CSS 基礎與進階——重塑網頁的靈魂 CSS 核心概念的深度解析： 本部分將從最基礎的 CSS 語法、選擇器、屬性和值入手，逐層深入。您將學習到如何精確地定位和修改 HTML 元素，如何理解 CSS 盒模型（Box Model）的工作原理，包括內容（content）、內邊距（padding）、邊框（border）和外邊距（margin）的精確控製，這是實現任何布局的基礎。我們將探討不同選擇器的優先級，以及如何有效地避免樣式衝突，養成良好的 CSS 編寫習慣。 文本樣式與排版藝術： 優質的排版是提升網頁閱讀體驗的關鍵。本書將詳細講解字體（font-family, font-size, font-weight, line-height）、顔色（color, background-color）、文本對齊（text-align）、文本裝飾（text-decoration）等屬性的運用。更重要的是，您將學習到如何通過 CSS 實現更富創意的排版效果，例如文字描邊、陰影、以及字間距和行間距的精細調整，讓您的文字在頁麵上“活”起來。 色彩理論與樣式應用： 色彩是網頁的靈魂。本書將為您揭示色彩搭配的基本原則，並教授您如何在 CSS 中運用顔色。從十六進製、RGB、RGBA 到 HSL，您將熟練掌握各種顔色錶示方式，並學習如何運用背景色、漸變（linear-gradient, radial-gradient）以及透明度（opacity）來增強頁麵的視覺吸引力。 背景與邊框的魔力： 背景圖、背景重復、背景定位、背景尺寸等屬性，是賦予頁麵豐富視覺層次的重要工具。本書將指導您如何巧妙運用背景圖，以及如何通過 `border` 屬性實現各種風格的邊框，從簡單的實綫到復雜的圓角、漸變邊框，甚至是多層邊框效果。 列錶、錶格與錶單的樣式美化： 即使是基礎的 HTML 元素，通過 CSS 的巧妙運用，也能煥發新生。本書將展示如何自定義列錶樣式（list-style-type, list-style-image, list-style-position），如何美化錶格（border-collapse, table-layout），以及如何設計齣用戶友好且具有現代感的錶單控件。 CSS 動畫與過渡效果： 靜態頁麵已經無法滿足現代用戶對動態交互的需求。本書將帶領您進入 CSS 動畫的世界，學習 `transition` 屬性實現平滑的屬性變化，以及 `animation` 屬性配閤 `@keyframes` 規則創建復雜的關鍵幀動畫。從簡單的鼠標懸停效果到復雜的元素變換，您將能夠為您的網站增添動感和趣味。 響應式設計必備：媒體查詢（Media Queries）： 在移動互聯網時代，響應式設計至關重要。本書將深入講解媒體查詢的語法和應用，教會您如何根據不同的屏幕尺寸、分辨率和設備方嚮，為網頁應用不同的 CSS 樣式，確保您的網站在桌麵電腦、平闆電腦和手機上都能呈現最佳的瀏覽體驗。 第二部分：DIV 布局精髓——搭建網頁的骨骼 理解 HTML 結構與 DIV 的作用： 在深入 CSS 布局之前，我們先迴顧 HTML 的基本結構，並著重強調 `