産品特色

編輯推薦

從2010年開始，妙味課堂堅持做前端開發培訓，得到瞭數萬名學員的認可。《前端HTML+CSS修煉之道》這本書完全根據妙味課堂的培訓大綱改編而成，內容強調實用和實戰，購買圖書後，可以激活妙味課堂的在綫視頻課程，可以參加妙味舉辦的直播公開課，不斷學習前端新技術，也可以到妙味交流社區，和眾多的前端開發學習者一起交流互動，幫助你解決學習中遇到的睏難，購買圖書後，還可下載“值得反復推敲的經典布局方案”和“聊聊瀏覽器兼容性問題的那點事兒”實用電子文檔。我們樂於分享，隻為讓你紮紮實實做齣好前端！

內容簡介

　　本書詳細講解瞭HTML和CSS兩大前端技術的基本理論知識、使用方法（包括許多實用技巧）以及它們的綜閤應用，每章都配置瞭大量的實用案例，圖文並茂，效果直觀。本書語言簡潔明快、通俗易懂，不管是初學者還是具有一定基礎的讀者，都能從中得到很大的收獲。
　　本書共13章，1章主要講解瞭前端開發涉及的相關概念、所需工具和軟件以及HTML頁麵的基本結構；2~4章主要講解瞭CSS語法、選擇器、CSS應用到HTML頁麵的常用方式、CSS的衝突與解決、CSS字體屬性、CSS文本屬性、CSS背景屬性、盒子模型的組成、盒子邊框設置盒子內邊距以及外邊距設置；第5~10章主要講解瞭常用的文本標簽、HTML5文檔結構標簽、常用多媒體標簽、頁麵元素所具有的類型以及類型之間的相互轉換、使用CSS reset標簽樣式、使用標簽在網頁中插入圖片、列錶標簽的應用、使用標簽創建超鏈接、使用標簽設置鏈接基準URL、錶格相關標簽、CSS錶格屬性、使用CSS格式化錶格以及錶格的綜閤應用、錶單相關標簽的使用、錶單元素的disabled和readonly屬性、錶單新增屬性、錶單元素的默認樣式及重置、錶單美化等內容；11~12章主要講解瞭標準流排版、浮動排版和定位排版；13章主要講解瞭綜閤應用HTML和CSS開發一個靜態網站的相關內容，包括網站前期規劃、網頁製作、網站建設技巧等內容。
　　本書為前端開發初學者而編寫，也可作為各類院校及培訓學校計算機及相關專業的教材，還可供從事前端開發工作的相關人員參考。

目錄

第1章 探本溯源，前端開發基礎漫談
1.1 前端開發是做什麼的　2
1.2 前端開發技術　5
1.2.1 HTML 超文本標記語言：搭建網頁“ 結構”　5
1.2.2 CSS 層疊樣式錶：給網頁添加“ 樣式”　6
1.2.3 JavaScript：讓網頁響應某種“ 行為”　6
1.3 前端開發所需軟件　7
1.3.1 Photoshop　8
1.3.2 編輯器　11
1.3.3 瀏覽器　12
1.4 第一個HTML 頁麵　12
1.4.1 基本標記標簽　13
1.4.2 標簽嵌套關係　19
1.5 div 標簽簡介　19
練習題　20
第2章 CSS基礎語法、選擇器和樣式衝突的解決方案
2.1 CSS 概述　22
2.2 定義CSS 的基本語法　23
2.3 基本選擇器　25
2.3.1 元素選擇器　25
2.3.2 ID 選擇器　26
2.3.3 類選擇器　29
2.3.4 僞類選擇器　33
2.3.5 僞元素選擇器　35
2.3.6 通用選擇器　38
2.4 復閤選擇器　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 應用到HTML 頁麵的常用方式　47
2.6.1 行內式　47
2.6.2 內嵌式　48
2.6.3 鏈接式　49
2.7 CSS 的衝突與解決　50
練習題　53
第3章 網頁排版利器：CSS 字體、文本、背景屬性設置
3.1 字體屬性　55
3.1.1 字體粗細屬性：font-weight　55
3.1.2 字體風格屬性：font-style　56
3.1.3 字體大小屬性：font-size　58
3.1.4 字體族屬性：font-family　59
3.1.5 文本行高屬性：line-height　62
3.1.6 字體屬性：font　65
3.2 文本屬性　66
3.2.1 顔色屬性：color　66
3.2.2 水平對齊屬性：text-align　69
3.2.3 首行縮進屬性：text-indent　70
3.2.4 文本修飾屬性：text-decoration　71
3.2.5 字符間距屬性：letter-spacing　73
3.2.6 字間距屬性：word-spacing　74
3.3 背景屬性　75
3.3.1 背景顔色屬性：background-color　75
3.3.2 背景圖片屬性：background-image　76
3.3.3 背景圖片重復屬性：backgroundrepeat　77
3.3.4 背景圖片位置屬性：backgroundposition　79
3.3.5 背景圖片滾動屬性：backgroundattachment　81
3.3.6 背景屬性：background　83
練習題　84
第4章 剖析“盒模型”特性，詳解布局方寸間的邏輯關係
4.1 盒子模型的組成　86
4.2 盒子邊框（border）設置　88
4.2.1 設置邊框風格　88
4.2.2 設置邊框寬度　90
4.2.3 設置邊框顔色　93
4.2.4 統一設置邊框的寬度、顔色和風格　95
4.2.5 邊框的形狀　98
4.3 盒子內邊距（padding）設置　100
4.3.1 內邊距的設置　100
4.3.2 padding 內邊距的特點　103
4.4 盒子外邊距（margin）設置　105
4.4.1 外邊距的設置　105
4.4.2 盒子外邊距閤並　107
4.4.3 相鄰盒子之間的水平間距　113
練習題　116
第5章 世界是多樣化的，標簽是語義化的
5.1 常用文本標簽　118
5.1.1 段落與換行標簽　118
5.1.2 標題字標簽　119
5.1.3 strong 標簽　121
5.1.4 em 標簽　122
5.1.5 mark 標簽　122
5.1.6 time 標簽　123
5.1.7 span 標簽　124
5.1.8 空格和特殊字符的輸入　124
5.2 文檔結構標簽　126
5.2.1 header 標簽　127
5.2.2 article 標簽　128
5.2.3 section 標簽　129
5.2.4 main 標簽　130
5.2.5 nav 標簽　130
5.2.6 aside 標簽　131
5.2.7 footer 標簽　131
練習題　132
第6章 探究多媒體標簽，揭秘各種元素類型
6.1 多媒體標簽　134
6.1.1 object 標簽　134
6.1.2 embed 標簽　136
6.1.3 video 標簽　137
6.1.4 audio 標簽　138
6.2 元素類型　139
6.2.1 block 塊級元素　139
6.2.2 inline 行內元素　140
6.2.3 inline-block 行內塊元素　142
6.2.4 使用display 屬性改變元素類型　144
6.3 使用CSS reset 標簽樣式　147
練習題　148
第7章 為網頁配上精美圖片、讓列錶清晰傳達具象內容
7.1 使用 img 標簽在網頁中插入圖片　150
7.1.1 網頁常用圖片格式　150
7.1.2 插入圖片的基本語法　150
7.1.3 設置圖片提示信息和替換信息　152
7.1.4 使用標簽屬性設置圖片大小　153
7.1.5 使用CSS 設置圖片樣式　154
7.2 使用列錶標簽創建列錶　156
7.2.1 創建有序列錶　156
7.2.2 創建無序列錶　159
7.2.3 創建定義列錶　161
7.2.4 創建嵌套列錶　162
7.2.5 使用CSS 列錶屬性設置列錶樣式　163
7.2.6 使用列錶和列錶屬性創建縱嚮菜單　164
7.2.7 使用列錶和display:inline 創建橫嚮菜單　166
7.2.8 使用列錶和display:inline-block實現圖文橫排　167
練習題　169
第8章 使用超鏈接構建信息間的連接關係
8.1 使用 a 標簽創建鏈接　171
8.1.1 創建鏈接的基本語法　171
8.1.2 設置鏈接目標窗口　172
8.1.3 鏈接路徑的設置　173
8.2 使用 base 標簽設置鏈接基準URL　176
8.3 鏈接的類型　178
8.4 使用僞類設置鏈接樣式　185
8.5 鏈接與內聯框架　187
8.5.1 內聯框架標簽iframe　187
8.5.2 修改內聯框架默認樣式　188
8.5.3 使用內聯框架作為鏈接的目標窗口　188
8.5.4 使用內聯框架的優缺點　189
練習題　190
第9章 呈現數據的利器：網頁錶格
9.1 錶格概述　192
9.2 錶格標簽　194
9.2.1 table 標簽　194
9.2.2 tr 標簽　195
9.2.3 td 和 th 標簽　195
9.2.4 caption 標簽　195
9.2.5 thead、tbody 和tfoot標簽　196
9.2.6 使用colspan 屬性實現單元格跨列閤並　197
9.2.7 使用rowspan 屬性實現跨行操作　199
9.2.8 使用錶格標簽屬性格式化錶格　200
9.3 CSS 錶格屬性　202
9.4 使用CSS 格式化錶格　204
9.5 錶格各元素的display 屬性值　206
9.6 錶格綜閤案例　206
練習題　210
第10章 構建在控件之上的數據交互方案：網頁錶單
10.1 錶單概述　212
10.2 form 標簽　212
10.3 input 錶單控件　213
10.3.1 input 錶單控件概述　213
10.3.2 文本框　214
10.3.3 密碼框　215
10.3.4 隱藏域　215
10.3.5 文件域　216
10.3.6 單選框和復選框　217
10.3.7 提交按鈕　218
10.3.8 普通按鈕　219
10.3.9 重置按鈕　220
10.3.10 圖像按鈕　220
10.3.11 button 元素按鈕　222
10.4 label 標簽　223
10.5 選擇列錶　224
10.6 多行文本域　227
10.7 錶單元素的disabled 和readonly屬性　228
10.8 錶單新增屬性　230
10.8.1 form 屬性　230
10.8.2 formaction 屬性　231
10.8.3 autofocus 屬性　231
10.8.4 pattern 屬性　232
10.8.5 placeholder 屬性　233
10.8.6 required 屬性　234
10.9 元素輪廓（outline）　235
10.10 錶單元素的默認樣式及重置　237
10.11 錶單美化　238
10.11.1 單行文本框控件的美化　238
10.11.2 按鈕控件的美化　239
10.11.3 單選框/ 復選框控件的美化　240
10.11.4 上傳文件控件美化　242
10.11.5 下拉列錶控件美化　244
10.12 錶單的元素類型　245
練習題 245
第11章 玩轉文檔排版的犀利武器：浮動
11.1 標準流排版　247
11.2 浮動排版　248
11.2.1 浮動設置　249
11.2.2 浮動元素的錶現及特徵　249
11.2.3 浮動清除　260
11.2.4 使用空div 清除浮動解決父元素高度塌陷問題　264
11.2.5 使用僞元素清除浮動解決父元素高度塌陷問題　265
11.2.6 使用BFC 解決父元素高度塌陷問題　269
11.2.7 使用overflow 屬性解決父元素高度塌陷問題　272
11.2.8 使用BFC 防止浮動元素覆蓋文檔流元素　274
練習題　276
第12章 平麵之上的疊加藝術：定位
12.1 定位排版屬性position　278
12.1.1 靜態定位　278
12.1.2 相對定位　278
12.1.3 絕對定位　281
12.1.4 固定定位　289
12.2 定位層級　295
12.3 定位相關知識　299
12.3.1 全屏的div 設置　299
12.3.2 透明度/ 透明濾鏡　300
12.3.3 margin 負值　305
12.3.4 元素的絕對居中　312
練習題　313
第13章 技術的世界隻崇拜實乾者：整站靜態頁麵開發
13.1 網站前期規劃　315
13.1.1 網站目錄劃分　315
13.1.2 網站文件夾、文件的命名　316
13.1.3 網站整體規劃　319
13.2 網站首頁製作　320
13.2.1 網站首頁結構　320
13.2.2 網站首頁之頭部&banner; 版塊的製作　320
13.2.3 以圖換字　322
13.2.4 滑動門　325
13.2.5 CSS 精靈圖　328
13.2.6 網站首頁之課程介紹版塊的製作　330
13.2.7 文字陰影text-shadow　332
13.2.8 盒陰影box-shadow　334
13.2.9 圓角border-radius　337
13.2.10 網站首頁之學員作品展示版塊的製作　341
13.2.11 網站首頁之講師介紹版塊的製作　341
13.2.12 網站首頁之妙味服務版塊的製作　342
13.2.13 網站首頁之頁腳版塊的製作　343
13.3 網站其他頁麵的製作　343
13.4 網站優化　344
13.5 網站建設技巧　346
13.5.1 最小寬度/ 最小高度　346
13.5.2 最大寬度/ 最大高度　347
13.5.3 text-overflow 文本溢齣　348
練習題　348

京東物流真給力，書本內容豐富，簡單易懂，還有視頻同步+直播，挺劃算的。

對我來說 些真的是打動到我 不多說瞭 上圖之後該學習瞭 感謝妙味課堂對我的幫助 麼麼噠

哇這本書是真雞兒好，簡單易學，趣味性高，而且頁麵彩闆，紙質手感也不錯。還送瞭教學視頻血賺阿！(?•ˇ?ˇ•?)

知道這本書是因為一個朋友的推薦 他自己之前是在妙味課堂學習 教學質量什麼的 都挺不錯瞭

快遞很給力，晚上買的隔天早上就到瞭。書也很不錯，內容很詳細，非常適閤css剛入門與正在學習過程中的人閱讀。個人推薦購買。

買的時候缺貨狀態。等瞭一個禮拜書纔收到。打開看瞭下裏麵內容很詳細還附贈有視頻，很不錯，很適閤初入門者值得推薦 ? ? ?

對我來說 最讓我喜愛的是這個居然還提供在綫提問服務 除瞭書裏麵的內容 也解決瞭我很多自學過程中遇到的問題 十分感謝

或者經曆瞭很長時間完成瞭 但在他人來看 確存在很多問題

書還不錯 下午三點買的 晚上就送到瞭 快的不行