HTML+CSS趣碼快樂編程本書主要講解前端頁面的基礎(chǔ)鋪設(shè)，其內(nèi)容分不同模塊導(dǎo)入，層次分明、前后貫穿，逐步深入學(xué)習(xí)HTML及CSS的基礎(chǔ)知識與運用。
第1章，主要簡單介紹HTML的概況，初步對HTML產(chǎn)生興趣和好奇。
第2章，介紹HTML結(jié)構(gòu)中常用的標簽以及運用，通過簡單生動的舉例來協(xié)助讀者理解與操作。
第3章，介紹HTML頁面美觀，引人入勝的秘密武器——CSS工具。
第4章——第11章，分別介紹在頁面設(shè)計中所常用的基本的元素及工具，字體設(shè)計、盒模型與行塊元素、表格的制作、表單的運用、內(nèi)容的顯示與隱藏、變換與過渡效果、浮動以及定位等的設(shè)定。
適讀人群 ：5-12歲 如今互聯(lián)網(wǎng)發(fā)展極其迅速，我們的生活已經(jīng)離不開互聯(lián)網(wǎng)，在互聯(lián)網(wǎng)發(fā)展的歷史中出現(xiàn)了一個又一個大咖，比如比爾·蓋茨、Facebook創(chuàng)始人馬克·扎克伯格等互聯(lián)網(wǎng)領(lǐng)軍人物，他們從小就對編程感興趣，十幾歲就可以編寫計算機程序。編程其實不難，只要你喜歡玩，喜歡探索新奇的失誤，小朋友們一樣可以輕松學(xué)習(xí)編程。
HTML+CSS趣碼快樂編程圖書主要面向青少年兒童，在風(fēng)格設(shè)計方面比較活潑、生動、有趣，將專業(yè)術(shù)語與生活中的常見事物進行類比，便于理解，層層深入，讓孩子們像看動畫一樣輕松主動地學(xué)習(xí)編程。
本書囊括HTML、CSS中主要且必要的知識點，每章內(nèi)容分不同模塊逐步導(dǎo)入，設(shè)定“知識目標”，通過“指點迷津”進行內(nèi)容講解，“通關(guān)秘籍”總結(jié)概括本章重要知識點，再經(jīng)過“大顯身手”練習(xí)加強鞏固，“項目創(chuàng)新大通關(guān)”可帶領(lǐng)讀者運用所學(xué)內(nèi)容自己實現(xiàn)編程設(shè)計。除此之外，每章節(jié)后配有相應(yīng)的二維碼，掃碼即可觀看老師對本章內(nèi)容的講解，讓讀者更好地理解領(lǐng)會要點，逐步實現(xiàn)自己上手操作的能力。
第1章探索HTML之美
1.1認識第一個朋友——HTML的概念/2
HTML的基本概念/2
HTML與其他編程語言的區(qū)別/2
HTML的發(fā)展歷程/3
初識瀏覽器/3
1.2HTML的骨架結(jié)構(gòu)/5
HTML的基本結(jié)構(gòu)與語法/5
編輯器的下載及使用/7
1.3初識標簽/14
雙標簽與單標簽的基本結(jié)構(gòu)/14
標簽之間的關(guān)系/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標簽的應(yīng)用場景/53
a標簽的語法/53
a標簽的屬性/56
2.6div標簽與span標簽/58
網(wǎng)頁拆分/58
網(wǎng)頁拆分原則/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基礎(chǔ)語法/70
CSS的引入方式/71
3.2CSS布局與選擇器/74
id選擇器/74
字體顏色（color）/75
CSS基礎(chǔ)屬性及常用單位/76
background進階/78
class選擇器/83
id與class命名規(guī)范/85
外邊距（margin）/85
內(nèi)邊距（padding）/89
邊框（border）、描邊（outline）/90
3.3CSS選擇器進階/95
標簽選擇器/95
后代選擇器/96
群組選擇器/98
偽類選擇器/99
通配符/101
第4章字體與文本
4.1字體操作屬性/106
字體類型（font-family）/106
字體大�。╢ont-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
行級與塊級元素的區(qū)別/122
5.2行塊元素轉(zhuǎn)換/124
行塊元素的轉(zhuǎn)換屬性/124
瀏覽器調(diào)試臺/126
第6章整齊的道路——表格
6.1網(wǎng)頁中的表格/130
為什么使用表格？/130
表格的基本結(jié)構(gòu)/130
表格的基本語法/131
表格的結(jié)構(gòu)化/132
跨列、跨行的表格/133
6.2表格的綜合應(yīng)用/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表單的應(yīng)用/151
第8章大顯身手——顯示與隱藏
8.1display與visibility/164
display與visibility的概念/164
display與visibility的屬性值/164
display與visibility的區(qū)別/164
8.2opacity（不透明度）/166
opacity的概念/166
opacity的應(yīng)用/167
第9章感受2D變換與過渡效果
9.1transition（過渡）/170
9.2transform（變換）/173
旋轉(zhuǎn)（rotate）/174
縮放（scale）/174
平移（translate）/177
第10章浮動的奧秘
10.1認識浮動/180
HTML文檔流介紹/180
什么是浮動？/181
浮動屬性介紹/182
10.2浮動的應(yīng)用/182
元素向左浮動/182
元素向右浮動/183
相鄰元素含有float屬性/184
10.3清除浮動帶來的影響/186
第11章自由掌控——定位
11.1認識定位/194
什么是定位？/194
定位屬性介紹/195
11.2定位的運用/195
相對定位/195
絕對定位/196
固定定位/197
神奇的錨點/198
定位的綜合運用/199
課后習(xí)題答案/207
書單推薦
