産品特色

編輯推薦

從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前端 一直想學 這次就動起來瞭

寫的很細，看瞭之後纔發現自己以前學的很多都是一知半解，很細緻很實用，配閤視頻學習，感覺效率很高。

在朋友處偶然看到 隨意翻閱瞭一下，頓時愛不釋手 無法自拔...終於不顧傢中雙親反對 傾盡傢財 為它贖身！

物流好評，一天就到瞭。蠻不錯的書，由淺入深，零基礎的人也能看懂。還有視頻看，配閤書本看基礎知識基本都能搞懂。好評

性價比高，還有視頻之類，獲取方式可以掃二維碼，比較新穎。脈絡清晰，實例較多，操作性強。理論基礎紮實，特彆適閤我學前端。價格實惠不到一百元買一本印刷質量好，配色較為順眼而且大小閤適的書太值得瞭。

非常棒的一本書，通俗易懂，完全沒有那種非常繞口、特彆專業、特彆難懂的術語，很適閤我這種零基礎的人看。而且，不僅還配的視頻，方便學習，更居然還有實戰練習題檢測知識點掌握情況，這是我在同類型書中完全沒有見過的，感謝作者的良苦用心……

今天早上剛訂的貨晚上就到瞭，速度真的快。很早以前就在妙味課堂官方網站上學習前端開發，當時看視頻還有一點知識不理解，沒想到現在齣書瞭，還有視頻同步直播學習，價錢也很便宜，相比其它刷齣來的書有用多瞭！強烈推薦！！！

京東快遞真是超快，頭一天下單，次日早上到達，送貨時候人不在電話也沒接到，快遞小哥把書放在瞭前颱，中午又打電話確認是否本人收到。

還不錯，可以，挺好的；書籍不錯，快遞速度很快！