第1章 探本溯源，前端開(kāi)發(fā)基礎(chǔ)漫談

1.1 前端開(kāi)發(fā)是做什么的2

1.2 前端開(kāi)發(fā)技術(shù)5

1.2.1 HTML超文本標(biāo)記語(yǔ)言：搭建網(wǎng)頁(yè)結(jié)構(gòu)5

1.2.2 CSS層疊樣式表：給網(wǎng)頁(yè)添加樣式6

1.2.3 JavaScript：讓網(wǎng)頁(yè)響應(yīng)某種行為6

1.3 前端開(kāi)發(fā)所需軟件7

1.3.1 Photoshop8

1.3.2 編輯器11

1.3.3 瀏覽器12

1.4 第一個(gè)HTML頁(yè)面12

1.4.1 基本標(biāo)記標(biāo)簽13

1.4.2 標(biāo)簽嵌套關(guān)系19

1.5 標(biāo)簽簡(jiǎn)介19

練習(xí)題20

第2章 CSS基礎(chǔ)語(yǔ)法、選擇器和樣式?jīng)_突的解決方案

2.1 CSS概述22

2.2 定義CSS的基本語(yǔ)法23

2.3 基本選擇器25

2.3.1 元素選擇器25

2.3.2 ID選擇器26

2.3.3 類(lèi)選擇器29

2.3.4 偽類(lèi)選擇器33

2.3.5 偽元素選擇器35

2.3.6 通用選擇器38

2.4 復(fù)合選擇器39

2.4.1 交集選擇器39

2.4.2 并集選擇器40

2.4.3 后代選擇器41

2.4.4 子元素選擇器43

2.4.5 相鄰兄弟選擇器44

2.4.6 屬性選擇器45

2.5 CSS選擇器的使用方法47

2.6 CSS應(yīng)用到HTML頁(yè)面的常用方式47

2.6.1 行內(nèi)式47

2.6.2 內(nèi)嵌式48

2.6.3 鏈接式49

2.7 CSS的沖突與解決50

練習(xí)題53

第3章 網(wǎng)頁(yè)排版利器：CSS 字體、文本、背景屬性設(shè)置

3.1 字體屬性55

3.1.1 字體粗細(xì)屬性：font-weight55

3.1.2 字體風(fēng)格屬性：font-style56

3.1.3 字體大小屬性：font-size58

3.1.4 字體族屬性：font-family59

3.1.5 文本行高屬性：line-height62

3.1.6 字體屬性：font65

3.2 文本屬性66

3.2.1 顏色屬性：color66

3.2.2 水平對(duì)齊屬性：text-align69

3.2.3 首行縮進(jìn)屬性：text-indent70

3.2.4 文本修飾屬性：text-decoration71

3.2.5 字符間距屬性：letter-spacing73

3.2.6 字間距屬性：word-spacing74

3.3 背景屬性75

3.3.1 背景顏色屬性：background-color75

3.3.2 背景圖片屬性：background-image76

3.3.3 背景圖片重復(fù)屬性：background-repeat77

3.3.4 背景圖片位置屬性：background- position79

3.3.5 背景圖片滾動(dòng)屬性：background-attachment81

3.3.6 背景屬性：background83

練習(xí)題84

第4章 剖析盒模型特性，詳解布局方寸間的邏輯關(guān)系

4.1 盒子模型的組成86

4.2 盒子邊框（border）設(shè)置88

4.2.1 設(shè)置邊框風(fēng)格88

4.2.2 設(shè)置邊框?qū)挾?0

4.2.3 設(shè)置邊框顏色93

4.2.4 統(tǒng)一設(shè)置邊框的寬度、顏色和風(fēng)格95

4.2.5 邊框的形狀98

4.3 盒子內(nèi)邊距（padding）設(shè)置100

4.3.1 內(nèi)邊距的設(shè)置100

4.3.2 padding內(nèi)邊距的特點(diǎn)103

4.4 盒子外邊距（margin）設(shè)置105

4.4.1 外邊距的設(shè)置105

4.4.2 盒子外邊距合并107

4.4.3 相鄰盒子之間的水平間距113

練習(xí)題116

第5章 世界是多樣化的，標(biāo)簽是語(yǔ)義化的

5.1 常用文本標(biāo)簽118

5.1.1 段落與換行標(biāo)簽118

5.1.2 標(biāo)題字標(biāo)簽119

5.1.3 標(biāo)簽121

5.1.4 標(biāo)簽122

5.1.5 標(biāo)簽122

5.1.6 < time>標(biāo)簽123

5.1.7 標(biāo)簽124

5.1.8 空格和特殊字符的輸入124

5.2 文檔結(jié)構(gòu)標(biāo)簽126

5.2.1

標(biāo)簽127

5.2.2 < article>標(biāo)簽128

5.2.3

標(biāo)簽129

5.2.4 < main>標(biāo)簽130

5.2.5