精通css+div網(wǎng)頁(yè)樣式與布局pdf 高清完整版

《精通css+div網(wǎng)頁(yè)樣式與布局》是一本非常實(shí)用好學(xué)的學(xué)習(xí)css網(wǎng)頁(yè)布局入門教程，由前沿科技曾順編著，人民郵電出版社出版，全書內(nèi)容非常淺顯易懂，完全是針對(duì)零基礎(chǔ)的初學(xué)者而制作的，它系統(tǒng)地講解了CSS層疊樣式表的基礎(chǔ)理論和實(shí)際運(yùn)用技術(shù)，通過大量實(shí)例對(duì)CSS進(jìn)行深入淺出的分析，主要包括CSS的基本語(yǔ)法和概念，設(shè)置文字、圖片、背景、表格、表單和菜單等網(wǎng)頁(yè)元素的方法，以及CSS濾鏡的使用。著重講解如何用CSS+DIV進(jìn)行網(wǎng)頁(yè)布局，注重實(shí)際操作，使讀者在學(xué)習(xí)CSS應(yīng)用技術(shù)的同時(shí)，掌握CSS+DIV的精髓。

《精通css+div網(wǎng)頁(yè)樣式與布局》還詳細(xì)講解了其他書中較少涉及的技術(shù)細(xì)節(jié)，包括擴(kuò)展CSS與JavaScript、XML和Ajax的綜合應(yīng)用等內(nèi)容，指導(dǎo)讀者制作符合Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)，使從事或欲從事網(wǎng)站設(shè)計(jì)開發(fā)專業(yè)工作的讀者提升技術(shù)水平和競(jìng)爭(zhēng)能力。最后給出了5個(gè)常見類型的完整網(wǎng)頁(yè)的綜合實(shí)例，讓讀者進(jìn)一步鞏固所學(xué)到的知識(shí)，提高綜合應(yīng)用的能力。

作者簡(jiǎn)介

前沿視頻教室專注于Web設(shè)計(jì)和開發(fā)領(lǐng)域的研究和教學(xué)。通過專業(yè)圖書和視頻課程的方式為廣大讀者提供內(nèi)容豐富、清晰易懂的教學(xué)內(nèi)容。在CSS領(lǐng)域出版了《精通CSS+DIV網(wǎng)頁(yè)樣式與布局》和《CSS設(shè)計(jì)徹底研究》兩本圖書，均受到了讀者的歡迎，成為該領(lǐng)域中的暢銷書。

本書特色

1. 系統(tǒng)的理論基礎(chǔ)知識(shí)

本書系統(tǒng)地講解了CSS層疊樣式表技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中各個(gè)方面應(yīng)用的知識(shí)，從為什么要用CSS開始講解，循序漸進(jìn)，配合大量實(shí)例，幫助讀者奠定堅(jiān)實(shí)的理論基礎(chǔ)，做到知其所以然。

2. 大量的技術(shù)應(yīng)用實(shí)例

書中設(shè)置大量應(yīng)用實(shí)例，重點(diǎn)強(qiáng)調(diào)具體技術(shù)的靈活應(yīng)用，并且全書結(jié)合了作者長(zhǎng)期的網(wǎng)頁(yè)設(shè)計(jì)制作和教學(xué)經(jīng)驗(yàn)，使讀者真正做到學(xué)以致用。

3. 深入的CSS+DIV布局詳解

本書用相當(dāng)?shù)钠攸c(diǎn)介紹了用CSS+DIV進(jìn)行網(wǎng)頁(yè)布局的方法和技巧，配合經(jīng)典的布局案例，幫助讀者掌握CSS最核心的應(yīng)用技術(shù)。

4. 高級(jí)的混合應(yīng)用技術(shù)

真正的網(wǎng)頁(yè)除了外觀表現(xiàn)之外，還需要結(jié)構(gòu)標(biāo)準(zhǔn)語(yǔ)言和行為標(biāo)準(zhǔn)的結(jié)合，因此本書還特別講解了CSS與JavaScript、Ajax和XML的混合應(yīng)用，這些都是Web 2.0網(wǎng)站中的主要技術(shù)，使讀者掌握高級(jí)的網(wǎng)頁(yè)制作技術(shù)。

5. 精選的網(wǎng)頁(yè)綜合實(shí)例

在本書最后一個(gè)部分，還精選了5個(gè)常見類型網(wǎng)頁(yè)綜合實(shí)例，包括博客網(wǎng)站、小型工作室網(wǎng)站、企業(yè)網(wǎng)站、購(gòu)物網(wǎng)站、旅游網(wǎng)站等，幫助讀者總結(jié)前面所學(xué)知識(shí)，綜合應(yīng)用各種技術(shù)、方法和技巧，提高讀者綜合應(yīng)用的能力。

特別說明

本軟件包中除了包含精通css+div網(wǎng)頁(yè)樣式與布局pdf文檔，同時(shí)還附帶了綠色版的福昕pdf閱讀器，用戶下載后即可查閱，無(wú)需安裝喲。

全書目錄

第1部分 CSS基礎(chǔ)知識(shí)篇

第1章 CSS的初步體驗(yàn)

1.1 CSS的概念

1.1.1 標(biāo)記的概念

1.1.2 傳統(tǒng)HTML的缺點(diǎn)

1.1.3 CSS的引入

1.1.4 如何編輯CSS

1.1.5 瀏覽器與CSS

1.2 使用CSS控制頁(yè)面

1.2.1 行內(nèi)樣式

1.2.2 內(nèi)嵌式

1.2.3 鏈接式

1.2.4 導(dǎo)入樣式

1.2.5 各種方式的優(yōu)先級(jí)問題

1.3 體驗(yàn)CSS

1.3.1 從零開始

1.3.2 加入CSS控制

1.3.3 控制圖片

1.3.4 CSS的注釋

第2章 CSS的基本語(yǔ)法

2.1 CSS選擇器

2.1.1 標(biāo)記選擇器

2.1.2 類別選擇器

2.1.3 ID選擇器

2.2 選擇器聲明

2.2.1 集體聲明

2.2.2 選擇器的嵌套

2.3 CSS的繼承

2.3.1 父子關(guān)系

2.3.2 CSS繼承的運(yùn)用

第3章 用CSS設(shè)置豐富的文字效果

3.1 CSS文字樣式

3.1.1 字體

3.1.2 文字大小

3.1.3 文字顏色

3.1.4 文字粗細(xì)

3.1.5 斜體

3.1.6 文字的下劃線、頂劃線和刪除線

3.1.7 英文字母大小寫

3.2 文字實(shí)例一：模擬Google公司Logo

3.3 文字實(shí)例二：制作頁(yè)面的五彩標(biāo)題

3.4 CSS段落文字

3.4.1 段落的水平對(duì)齊方式

3.4.2 段落的垂直對(duì)齊方式

3.4.3 行間距和字間距

3.4.4 首字放大

3.5 段落實(shí)例：百度搜索

第4章 用CSS設(shè)置圖片效果

4.1 圖片樣式

4.1.1 圖片邊框

4.1.2 圖片縮放

4.2 圖片的對(duì)齊

4.2.1 橫向?qū)R方式

4.2.2 縱向?qū)R方式

4.3 圖文混排

4.3.1 文字環(huán)繞

4.3.2 設(shè)置圖片與文字間距

4.4 圖文實(shí)例：八仙過海

第5章 用CSS設(shè)置網(wǎng)頁(yè)中的背景

5.1 背景顏色

5.1.1 頁(yè)面背景色

5.1.2 用背景色給頁(yè)面分塊

5.2 背景圖片

5.2.1 頁(yè)面的背景圖

5.2.2 背景圖的重復(fù)

5.2.3 背景圖片的位置

5.2.4 固定背景圖片

5.2.5 添加多個(gè)背景圖片

5.2.6 背景樣式綜合設(shè)置

5.3 背景綜合一：我的個(gè)人主頁(yè)

5.4 背景綜合二：古詞《念奴嬌-赤壁懷古》

第6章 用CSS設(shè)置表格與表單的樣式

6.1 控制表格

6.1.1 表格中的標(biāo)記

6.1.2 表格的顏色

6.1.3 表格的邊框

6.2 表格實(shí)例一：隔行變色

6.3 表格實(shí)例二：鼠標(biāo)經(jīng)過時(shí)變色的表格

6.4 表格實(shí)例三：日歷

6.5 CSS與表單

6.5.1 表單中的元素

6.5.2 像文字一樣的按鈕

6.5.3 七彩的下拉菜單

6.6 綜合實(shí)例一：直接輸入的Excel表格

6.7 綜合實(shí)例二：模仿新浪網(wǎng)民調(diào)查問卷

第7章 用CSS設(shè)置頁(yè)面和瀏覽器的元素

7.1 豐富的超鏈接特效

7.1.1 動(dòng)態(tài)超鏈接

7.1.2 按鈕式超鏈接

7.1.3 浮雕式超鏈接

7.2 鼠標(biāo)特效

7.2.1 CSS控制鼠標(biāo)箭頭

7.2.2 鼠標(biāo)變幻的超鏈接

7.3 頁(yè)面滾動(dòng)條

第8章 用CSS制作實(shí)用的菜單

8.1 項(xiàng)目列表

8.1.1 列表的符號(hào)

8.1.2 圖片符號(hào)

8.2 無(wú)需表格的菜單

8.3 菜單的橫豎轉(zhuǎn)換

8.4 菜單實(shí)例一：百度導(dǎo)航條

8.5 菜單實(shí)例二：流行的Tab菜單

第9章 CSS濾鏡的應(yīng)用

9.1 濾鏡概述

9.2 通道(Alpha)

9.3 模糊(Blur)

9.4 運(yùn)動(dòng)模糊(Motion Blur)

9.5 透明色(Chroma)

9.6 下落的陰影(Dropshadow)

9.7 翻轉(zhuǎn)變換(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標(biāo)記與span標(biāo)記

10.1.1 概述

10.1.2 div與span的區(qū)別

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 定位實(shí)例一：輕輕松松給圖片簽名

10.5 定位實(shí)例二：文字陰影效果

第11章 CSS+div布局方法剖析

11.1 CSS排版觀念

11.1.1 將頁(yè)面用div分塊

11.1.2 設(shè)計(jì)各塊的位置

11.1.3 用CSS定位

11.2 固定寬度且居中的版式

11.2.1 方法一

11.2.2 方法二

11.3 左中右版式

11.4 塊的背景色問題

11.5 排版實(shí)例：電子相冊(cè)

11.5.1 搭建框架

11.5.2 幻燈片模式

11.5.3 詳細(xì)信息模式

11.6 div排版與傳統(tǒng)的表格方式排版的分析

第12章 CSS+div美化與布局實(shí)戰(zhàn)

12.1 框架搭建

12.2 實(shí)例一：藍(lán)色經(jīng)典

12.3 實(shí)例二：清明上河圖

12.4 實(shí)例三：交河故城

12.5 自動(dòng)選擇CSS樣式

第3部分 CSS混合應(yīng)用技術(shù)篇

第13章 CSS與JavaScript的綜合應(yīng)用

13.1 JavaScript概述

13.1.1 JavaScript簡(jiǎn)介

13.1.2 JavaScript的特點(diǎn)

13.1.3 JavaScript與CSS

13.2 JavaScript語(yǔ)法基礎(chǔ)

13.2.1 數(shù)據(jù)類型和變量

13.2.2 表達(dá)式及運(yùn)算符

13.2.3 基本語(yǔ)句

13.3 實(shí)例一：輸入時(shí)高亮顯示的Excel表格

13.4 實(shí)例二：由遠(yuǎn)到近的文字

13.5 實(shí)例三：跑馬燈特效

13.6 實(shí)例四：圖片淡入淡出

13.7 實(shí)例五：CSS實(shí)現(xiàn)PPT幻燈片

13.8 實(shí)例六：燈光效果

13.9 實(shí)例七：舞臺(tái)燈光

13.10 實(shí)例八：探照燈

13.11 實(shí)例九：鼠標(biāo)文字跟隨