HTML+CSS趣碼快樂編程（簡體書）

HTML+CSS趣碼快樂編程本書主要講解前端頁面的基礎鋪設，其內容分不同模塊導入，層次分明、前後貫穿，逐步深入學習HTML及CSS的基礎知識與運用。
第1章，主要簡單介紹HTML的概況，初步對HTML產生興趣和好奇。
第2章，介紹HTML結構中常用的標簽以及運用，通過簡單生動的舉例來協助讀者理解與操作。
第3章，介紹HTML頁面美觀，引人入勝的秘密武器――CSS工具。
第4章――第11章，分別介紹在頁面設計中所常用的基本的元素及工具，字體設計、盒模型與行塊元素、表格的製作、表單的運用、內容的顯示與隱藏、變換與過渡效果、浮動以及定位等的設定。

如今互聯網發展極其迅速，我們的生活已經離不開互聯網，在互聯網發展的歷史中出現了一個又一個大咖，比如比爾‧蓋茨、Facebook創始人馬克‧紮克伯格等互聯網領軍人物，他們從小就對編程感興趣，十幾歲就可以編寫計算機程序。編程其實不難，只要你喜歡玩，喜歡探索新奇的失誤，小朋友們一樣可以輕鬆學習編程。
HTML+CSS趣碼快樂編程圖書主要面向青少年兒童，在風格設計方面比較活潑、生動、有趣，將專業術語與生活中的常見事物進行類比，便於理解，層層深入，讓孩子們像看動畫一樣輕鬆主動地學習編程。
本書囊括HTML、CSS中主要且必要的知識點，每章內容分不同模塊逐步導入，設定“知識目標”，通過“指點迷津”進行內容講解，“通關秘籍”總結概括本章重要知識點，再經過“大顯身手”練習加強鞏固，“項目創新大通關”可帶領讀者運用所學內容自己實現編程設計。除此之外，每章節後配有相應的二維碼，掃碼即可觀看老師對本章內容的講解，讓讀者更好地理解領會要點，逐步實現自己上手操作的能力。

第1章探索HTML之美

1.1認識第一個朋友――HTML的概念/2

HTML的基本概念/2

HTML與其他編程語言的區別/2

HTML的發展歷程/3

初識瀏覽器/3

1.2HTML的骨架結構/5

HTML的基本結構與語法/5

編輯器的下載及使用/7

1.3初識標簽/14

雙標簽與單標簽的基本結構/14

標簽之間的關係/16

HTML標簽的語義化/17

第2章HTML的寶藏――常用標簽

2.1排版標簽/20

p標簽/20

br標簽/21

hr標簽/22

注釋標簽/22

排版標簽的綜合運用/23

2.2字體標簽/26

h系列標簽/26

粗體標簽/28

斜體標簽/29

sup標簽和sub標簽/30

字體標簽的綜合運用/30

2.3列表標簽/33

什麼是列表？/34

無序列表標簽/34

有序列表標簽/37

自定義列表標簽/39

2.4圖形標簽/43

什麼是圖片標簽？/43

img標簽的基本屬性/43

路徑/44

路徑的分類/46

img標簽的其他屬性/47

2.5a標簽/53

a標簽的應用場景/53

a標簽的語法/53

a標簽的屬性/56

2.6div標簽與span標簽/58

網頁拆分/58

網頁拆分原則/59

div標簽/60

span標簽/63

2.7特殊字符標簽/66

常用的特殊字符/66

2.8初識行塊標簽/67

塊級標簽/67

行級標簽/68

常見塊級標簽和行級標簽/68

第3章寶藏的鑰匙――CSS

3.1認識CSS/70

什麼是CSS？/70

CSS的作用/70

CSS基礎語法/70

CSS的引入方式/71

3.2CSS佈局與選擇器/74

id選擇器/74

字體顏色(color)/75

CSS基礎屬性及常用單位/76

background進階/78

class選擇器/83

id與class命名規範/85

外邊距(margin)/85

內邊距(padding)/89

邊框(border)、描邊(outline)/90

3.3CSS選擇器進階/95

標簽選擇器/95

後代選擇器/96

群組選擇器/98

偽類選擇器/99

通配符/101

第4章字體與文本

4.1字體操作屬性/106

字體類型(font-family)/106

字體大小(font-size)/106

字體樣式(font-style)/107

字體粗細(font-weight)/107

字體屬性簡寫(font)/108

4.2文本操作屬性/111

文本行高(line-height)/112

文本修飾(text-decoration)/114

文本首行縮進(text-indent)/115

文本水平對齊(text-align)/116

列表樣式(list-style)/118

第5章盒模型與行塊元素

5.1盒模型與行塊元素的概念/122

標準盒模型/122

行級與塊級元素的區別/122

5.2行塊元素轉換/124

行塊元素的轉換屬性/124

瀏覽器調試台/126

第6章整齊的道路――表格

6.1網頁中的表格/130

為什麼使用表格？/130

表格的基本結構/130

表格的基本語法/131

表格的結構化/132

跨列、跨行的表格/133

6.2表格的綜合應用/135

第7章重要城市――表單

7.1初識表單/140

表單概述/140

form標簽/140

7.2表單中的常用標簽/141

input標簽/141

input標簽分類/141

多行文本域/143

下拉列表/144

label標簽/144

7.3表單屬性/146

size屬性/146

maxlength屬性/147

checked屬性/147

selected屬性/147

placeholder屬性/148

disabled屬性/149

7.4表單的應用/151

第8章大顯身手――顯示與隱藏

8.1display與visibility/164

display與visibility的概念/164

display與visibility的屬性值/164

display與visibility的區別/164

8.2opacity(不透明度)/166

opacity的概念/166

opacity的應用/167

第9章感受2D變換與過渡效果

9.1transition(過渡)/170

9.2transform(變換)/173

旋轉(rotate)/174

縮放(scale)/174

平移(translate)/177

第10章浮動的奧秘

10.1認識浮動/180

HTML文檔流介紹/180

什麼是浮動？/181

浮動屬性介紹/182

10.2浮動的應用/182

元素向左浮動/182

元素向右浮動/183

相鄰元素含有float屬性/184

10.3清除浮動帶來的影響/186

第11章自由掌控――定位

11.1認識定位/194

什麼是定位？/194

定位屬性介紹/195

11.2定位的運用/195

相對定位/195

絕對定位/196

固定定位/197

神奇的錨點/198

定位的綜合運用/199

課後習題答案/207