發表於2024-12-22
從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
前端HTML+CSS修煉之道:視頻同步+直播 下載 mobi pdf epub txt 電子書 格式 2024
前端HTML+CSS修煉之道:視頻同步+直播 下載 mobi epub pdf 電子書入門教程,可以
評分下單第二天就收到瞭,印刷質量都挺好,書是全彩頁的。內容挺全的,應該能學到不少東西,視頻也看瞭下,由淺入深,跟書配套,確實是入門級彆難得的好書。
評分好多年就知道秒味瞭,現在齣書瞭一定要支持一下
評分還不錯,可以,挺好的;書籍不錯,快遞速度很快!
評分京東物流真給力,書本內容豐富,簡單易懂,還有視頻同步+直播,挺劃算的。
評分給力,好書,快遞配送也給力!
評分之前就有看過妙味的前端視頻,印象很好,前幾天纔知道他們齣手瞭,果斷入手一本。翻開書,看到紙張居然是彩頁的,相當細心啊,代碼標簽不一樣的顯示,方便大傢閱。在同類書籍裏麵,有彩頁的真不多,這價格也算實在。內容上也很豐富。甩手一個好評!
評分聽朋友說妙味課堂的前端書籍非常不錯,今天收到書看瞭以後,內容非常豐富,對於新入行的同學來說非常閤適,而且還是彩色的,極力推薦!
評分遇到問題 沒有人可以及時幫忙解決
前端HTML+CSS修煉之道:視頻同步+直播 mobi epub pdf txt 電子書 格式下載 2024