産品特色

編輯推薦

從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啦，這書竟然是彩色的，碉堡瞭，看代碼再也不會犯睏瞭，講的也很詳細，內容也比較前沿，強推～

很喜歡的書，不錯

本書詳細講解瞭Html和CSS兩大前端技術的基礎理論知識，大量的實用案例，圖文並茂，效果直觀，對於初學者比較通俗易懂，能夠從中獲取很大的收獲，對於正在或是曾經在某階段被某些技術所睏擾我，剛好遇到這本好書，幫我解決瞭我的睏惑，因此讓我對這本書印象深刻，感覺很nice～

很基礎，有圖文教程，簡單易懂。。

聽瞭一些妙味課堂的視頻，看到居然齣書瞭，買來看看，支持一下，想來書的內容應該會很不錯

好多年就知道秒味瞭，現在齣書瞭一定要支持一下

非常好的書。適閤小白入門

非常好的書。適閤小白入門