從零開(kāi)始：HTML5+CSS3快速入門(mén)教程

定　價(jià)：￥59.80

作　者：	郝金亭，史笑顏著
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787115526946	出版時(shí)間：	2020-05-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	244	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)從零開(kāi)始，全面講解使用HTML5 和CSS3 開(kāi)發(fā)網(wǎng)頁(yè)的全過(guò)程，使讀者能夠迅速掌握開(kāi)發(fā)靜態(tài)頁(yè)面的核心知識(shí)點(diǎn)及對(duì)應(yīng)的編程能力。本書(shū)共分為9 章，第1章用一個(gè)完整的案例講解了靜態(tài)頁(yè)面制作的流程；第2章講解常用的HTML元素；第3章講解將CSS 引入HTML 文件的方法以及常用的CSS 樣式；第4 章講解盒模型的構(gòu)成；第5 章講解浮動(dòng)布局；第6章講解改變?cè)匚恢玫亩ㄎ环绞剑坏?章講解表單元素與表格元素；第8 章講解HTML5的新增元素與CSS3的新增樣式；第9章通過(guò)制作一個(gè)完整的購(gòu)物網(wǎng)頁(yè)講解網(wǎng)頁(yè)制作過(guò)程中的重點(diǎn)和難點(diǎn)。本書(shū)準(zhǔn)備了一線(xiàn)互聯(lián)網(wǎng)公司的面試真題，供讀者自我檢測(cè)使用，還附有HTML 標(biāo)簽與CSS 樣式的快速查看表。本書(shū)適合零基礎(chǔ)的編程初學(xué)者閱讀，也適合具備基礎(chǔ)知識(shí)、想要提升編程能力的讀者閱讀。

作者簡(jiǎn)介

　　郝金亭高校教師，具有豐富的教學(xué)經(jīng)驗(yàn)。史笑顏前端工程師，熱愛(ài)Web技術(shù)，喜歡嘗試新事物，學(xué)習(xí)新技術(shù)。其大學(xué)時(shí)自學(xué)前端技術(shù)，發(fā)現(xiàn)市面上的技術(shù)書(shū)對(duì)于初學(xué)者來(lái)說(shuō)晦澀難懂，學(xué)有所成后寫(xiě)出一本可以幫助初學(xué)者輕松入門(mén)的書(shū)籍。

圖書(shū)目錄

第 1章初識(shí)HTML5——完成第一個(gè)HTML5 頁(yè)面
1．1 準(zhǔn)備HTML5 開(kāi)發(fā)環(huán)境 010
1．1．1 瀏覽器的使用 010
1．1．2 下載編輯器 013
1．1．3 HTML5 的學(xué)習(xí)方法 014
1．2 第一個(gè)HTML5 頁(yè)面 015
1．2．1 用HBuilderX 創(chuàng)建一個(gè)項(xiàng)目 015
1．2．2 在頁(yè)面中寫(xiě)入內(nèi)容 016
1．3 用CSS 美化頁(yè)面 017
1．3．1 給頁(yè)面添加背景 018
1．3．2 將頁(yè)面中的文本元素居中 021
1．3．3 調(diào)整頁(yè)面文字的字體和顏色 023
1．3．4 給按鈕添加邊框和背景色 024
1．3．5 給頁(yè)面增加動(dòng)態(tài)效果 026
1．4 在手機(jī)上查看頁(yè)面 028
第 2章 HTML 語(yǔ)法和基礎(chǔ)標(biāo)簽
2．1 HTML 基礎(chǔ)語(yǔ)法 032
2．1．1 HTML 語(yǔ)法規(guī)則 032
2．1．2 HTML 文檔的基礎(chǔ)結(jié)構(gòu) 033
2．1．3 元素的嵌套 033
2．2 文本元素 034
2．2．1 標(biāo)題 035
2．2．2 段落—— 標(biāo)簽 035
2．2．3 HTML 折行——
標(biāo)簽 036
2．2．4 文本格式化 037
2．3 HTML 超鏈接—— 標(biāo)簽 038
2．3．1 初識(shí)超鏈接 038
2．3．2 超鏈接語(yǔ)法 039
2．3．3 href 屬性——絕對(duì)路徑和相對(duì)路徑 040
2．3．4 target 屬性 041
2．3．5 標(biāo)簽的應(yīng)用 041
2．4 HTML 圖像—— 標(biāo)簽 045
2．5 列表 047
2．5．1 無(wú)序列表 048
2．5．2 有序列表 048
2．5．3 定義列表 048
2．5．4 列表的嵌套 049
第3章 CSS 語(yǔ)法和基礎(chǔ)屬性
3．1 在HTML 文檔中引入CSS 的
3 種常用方法 054
3．1．1 外部樣式表——
使用標(biāo)簽引入CSS 樣式表 055
3．1．2 內(nèi)部樣式表 057
3．1．3 內(nèi)聯(lián)樣式 058
3．2 CSS 語(yǔ)法 058
3．2．1 CSS 結(jié)構(gòu)與規(guī)則 058
3．2．2 選擇器的種類(lèi) 060
3．2．3 繼承 063
3．3 CSS 顏色 065
3．4 文本的常用樣式 066
3．4．1 文本的顏色和常用屬性 066
3．4．2 字體 068
3．4．3 背景 072
3．4．4 CSS 鏈接 079
第4章盒模型布局——DIV+CSS3 頁(yè)面布局
4．1 盒模型的基礎(chǔ)知識(shí) 084
4．1．1 盒模型的組成 084
4．1．2 查看元素的盒模型 084
4．2 邊框 085
4．2．1 邊框的組成 085
4．2．2 使用邊框的特性制作三角形 086
4．2．3 邊框的圓角效果——border-radius 088
4．3 內(nèi)邊距 088
4．3．1 padding 會(huì)撐大元素的大小 089
4．3．2 padding 的復(fù)合寫(xiě)法 090
4．4 外邊距 091
4．4．1 margin 的作用 091
4．4．2 margin 在使用中的問(wèn)題 094
4．5 盒模型的大小 098
4．6 元素的display 屬性 102
4．6．1 元素的隱藏 102
4．6．2 塊元素和內(nèi)聯(lián)元素 104
4．6．3 塊元素與內(nèi)聯(lián)元素之間的轉(zhuǎn)化 106
4．6．4 auto 實(shí)現(xiàn)塊元素居中顯示 108
4．7 內(nèi)聯(lián)塊 109
4．8 初始化頁(yè)面樣式 112
第5章浮動(dòng)布局——實(shí)現(xiàn)網(wǎng)頁(yè)的經(jīng)典布局
5．1 浮動(dòng)的基本語(yǔ)法 117
5．1．1 浮動(dòng)的定義 117
5．1．2 float 屬性 118
5．2 浮動(dòng)的特征 119
5．3 clear 屬性 125
5．4 清除浮動(dòng) 126
5．4．1 高度塌陷 126
5．4．2 清除浮動(dòng)的方法 128
5．4．3 使用偽類(lèi)清除浮動(dòng) 131
5．5 實(shí)戰(zhàn)練習(xí) 134
5．6 頁(yè)面布局的建議 144
第6章定位——實(shí)現(xiàn)元素的疊加
6．1 定位的position 屬性 149
6．2 層級(jí) 150
6．3 相對(duì)定位 151
6．4 絕對(duì)定位 152
6．5 固定定位 155
6．6 透明度 157
6．6．1 opacity 157
6．6．2 rgba(r， g， b， a) 159
第7章表格與表單——信息展示與信息采集
7．1 表格 165
7．1．1 表格結(jié)構(gòu) 165
7．1．2 表格的邊框 166
7．1．3 區(qū)分表格頭部與表格主體 167
7．1．4 單元格合并 169
7．1．5 帶標(biāo)題的表格 171
7．1．6 美化表格 171
7．2 表單 177
7．2．1 form 元素 177
7．2．2 input 元素 177
7．2．3 其他表單元素 183
第8章 HTML5 與CSS3 的新特性
8．1 HTML5 的新增元素 191
8．2 CSS3 的新增樣式 194
8．2．1 文本屬性 194
8．2．2 字體屬性 195
8．2．3 背景 196
8．2．4 過(guò)渡效果 200
8．2．5 動(dòng)畫(huà) 201
8．2．6 圓角邊框 202
8．2．7 2D 轉(zhuǎn)換 203
8．2．8 calc() 函數(shù)計(jì)算 206
第9章 PC 端實(shí)戰(zhàn)——制作一個(gè)購(gòu)物網(wǎng)頁(yè)
9．1 PxCook 工具介紹 211
9．1．1 PxCook 下載 211
9．1．2 PxCook 安裝 211
9．1．3 PxCook“快速入門(mén)”文檔 212
9．1．4 新建項(xiàng)目 212
9．1．5 開(kāi)發(fā)模式 213
9．1．6 設(shè)計(jì)模式 214
9．1．7 配合Photoshop 完成切圖 215
9．2 項(xiàng)目結(jié)構(gòu) 215
9．3 網(wǎng)頁(yè)制作前的準(zhǔn)備 217
9．3．1 分辨率 217
9．3．2 內(nèi)容居中 217
9．4 項(xiàng)目布局 218
9．5 部分難點(diǎn)講解 220
9．5．1 圖文對(duì)齊 220
9．5．2 錨點(diǎn) 223
9．6 部分中．page1 難點(diǎn) 223
9．6．1 復(fù)雜頁(yè)面的選擇器使用 224
9．6．2 留白較多的頁(yè)面怎樣布局 225
9．7 部分中．page2 難點(diǎn) 225
9．8 部分中．page3 難點(diǎn) 225
9．9 小結(jié) 226
附錄
HTML 元素速查表（按字母順序排列） 227
CSS 屬性速查表 230
盒模型相關(guān)屬性 232
HTML 實(shí)體符號(hào)速查表 236
CSS3 選擇器 239
CSS 單位速查表 240
思考與練習(xí)答案 241