齣版社： 人民郵電齣版社
ISBN：9787115432957
版次：1
商品編碼：11976565
品牌：異步圖書
包裝：平裝
開本：小16開
齣版時間：2016-09-01
用紙：膠版紙
頁數：230
正文語種：中文
具體描述
産品特色
編輯推薦
通俗易懂 案例簡潔形象，生動剖析晦澀難懂的知識點。 直擊要點 規避思維誤區，為初學者打牢基礎保駕護航。 全麵培養 講透基礎知識，亦注重開發技巧與思維鍛煉。 精簡濃縮 精煉核心內容，為讀者節省學習時間與成本。 在綫輔助 結閤網站資源，強化書本學習並拓展新知識。內容簡介
本書內容結閤筆者在前後端大量開發中的實戰經驗，係統化知識，濃縮精華，用通俗易懂的語言直擊學習者的痛點。通過本書，能讓你從“野生網頁設計師”水平提升達到“真正前端工程師”水平。 全書分為兩大部分：首部分是HTML進階內容，主要介紹HTML高級技巧和HTML語義化；第二部分是CSS進階內容，主要介紹CSS開發技巧、代碼規範、性能優化、屬性本質、重要概念（如包含塊、BFC和IFC等）。 除瞭知識講解，教程還融入瞭大量的開發案例，更加注重編程思維的培養，並且提供學習者一個流暢的學習思路。作者簡介
莫振傑，2011~2015就讀於暨南大學信科院計算機科學與技術專業，從事前後端開發一年多，開發過綠葉學習網、廣州智能工程研究會網站、大量在綫應用工具，業餘時間閱讀大量國內外技術書籍。現為綠葉學習網（http：//www。lvyestudy。com）的站長，該網站用於分享自己在前後端開發中的一些經驗，並且製作相關前後端開發的在綫教程。這些在綫教程在互聯網引起廣泛關注，極大受到網友推崇。本人編寫過大量原創在綫教程，每一個教程廣受網友稱贊與推崇。目錄
第一部分 HTML進階第01章 HTML基礎知識
1．1 HTML和CSS進階簡介 2
1．1．1 你真的精通HTML和CSS嗎 2
1．1．2 進階教程簡介 3
1．2 HTML、XHTML和HTML5 3
1．2．1 HTML和XHTML 3
1．2．2 HTML5 4
1．3 div和span 6
1．4 id和class 7
1．4．1 id屬性 7
1．4．2 class屬性 7
1．5 瀏覽器標題欄小圖標 8
第02章 語義化
2．1 語義化簡介 10
2．2 標題語義化 12
2．3 圖片語義化 14
2．3．1 alt屬性和title屬性 14
2．3．2 figure元素和figcaption元素 15
2．4 錶格語義化 16
2．5 錶單語義化 19
2．5．1 label標簽 20
2．5．2 fieldset標簽和legend標簽 21
2．6 其他語義化 22
2．6．1 換行符
22
2．6．2 無序列錶ul 24
2．6．3 strong標簽和em標簽 25
2．6．4 del標簽和ins標簽 25
2．6．5 img標簽 26
2．7 語義化驗證 26
2．8 HTML5捨棄的標簽 27
第二部分 CSS進階
第03章 CSS基礎知識
3．1 CSS單位 30
3．1．1 絕對單位 30
3．1．2 相對單位 31
3．2 CSS特性 37
3．2．1 繼承性 37
3．2．2 層疊性 39
3．3 CSS優先級 40
3．3．1 引用方式衝突 41
3．3．2 繼承方式衝突 41
3．3．3 指定樣式衝突 42
3．3．4 繼承樣式和指定樣式衝突 44
3．3．5 !important 45
3．4 CSS引入方式 47
3．4．1 外部樣式錶 48
3．4．2 內部樣式錶 48
3．4．3 行內樣式錶 50
3．5 CSS選擇器 51
3．5．1 後代選擇器 51
3．5．2 子代選擇器 52
3．5．3 兄弟選擇器 54
3．5．4 相鄰選擇器 55
第04章 CSS規範
4．1 CSS規範簡介 58
4．2 命名規範 59
4．2．1 CSS文件命名 59
4．2．2 id和class命名 59
4．3 書寫規範 62
4．4 注釋規範 65
4．4．1 頂部注釋 65
4．4．2 模塊注釋 65
4．4．3 簡單注釋 65
4．5 CSS reset 66
4．5．1 什麼是CSS reset 66
4．5．2 為什麼要用CSS reset 66
4．5．3 如何使用CSS reset 67
第05章 盒子模型
5．1 CSS盒子模型 70
5．2 深入border 73
5．2．1 性能差異 74
5．2．2 兼容差異 74
5．3 深入padding 74
5．4 外邊距疊加 76
5．4．1 外邊距疊加的三種情況 77
5．4．2 外邊距疊加的意義 78
5．5 負margin技術 79
5．5．1 負margin簡介 79
5．5．2 負margin技巧 82
5．6 overflow 86
第06章 display屬性
6．1 塊元素和行內元素 90
6．1．1 塊元素 90
6．1．2 行內元素 92
6．2 display簡介 93
6．2．1 塊元素 93
6．2．2 inline元素 93
6．2．3 inline-block元素 94
6．3 display：none 95
6．3．1 display：none簡介 95
6．3．2?“display：none”和
“visibility：hidden”的區彆 96
6．4 display：table-cell 98
6．4．1 圖片垂直居中於元素 98
6．4．2 等高布局 100
6．4．3 自動平均劃分元素 102
6．5 去除inline-block元素間距 103
第07章 文本效果
7．1 文本效果簡介 107
7．2 深入text-indent 108
7．3 深入text-align 111
7．3．1 text-align起作用的元素 112
7．3．2?“text-align：center;”與
“margin：0 auto;”的區彆 113
7．4 深入line-height 113
7．4．1 line-height的定義 113
7．4．2 line-height取值 115
7．5 深入vertical-align 118
7．5．1 vertical-align屬性取值 119
7．5．2 vertical-align屬性應用 121
第08章 錶單效果
8．1 錶單效果簡介 126
8．2 深入radio和checkbox 127
8．3 深入textarea 128
8．3．1 固定大小，禁用拖動 129
8．3．2 在chrome、Firefox和IE實現
相同的外觀 131
8．4 錶單對齊 132
第09章 浮動布局
9．1 正常文檔流 136
9．1．1 正常文檔流 136
9．1．2 脫離文檔流 138
9．2 深入浮動 139
9．3 浮動的影響 142
9．3．1 對自身的影響 142
9．3．2 對父元素影響 143
9．3．3 對兄弟元素的影響 144
9．3．4 對子元素的影響 148
9．4 浮動的負作用 150
9．5 清除浮動 152
9．5．1 clear：both 152
9．5．2 overflow：hidden 154
9．5．3 ：：after僞元素 155
第10章 定位布局
10．1 深入定位 157
10．1．1 子元素相對父元素定位 157
10．1．2 子元素相對祖先元素定位 160
10．2 z-index屬性 162
第11章 CSS圖形
11．1 CSS圖形簡介 165
11．2 三角形 166
11．2．1 CSS實現三角形的原理 166
11．2．2 帶邊框的三角形 168
11．3 圓 172
11．3．1 CSS實現圓角 172
11．3．2 CSS實現半圓和圓 175
11．3．3 border-radius派生
子屬性 177
11．4 橢圓 177
第12章 性能優化
12．1 CSS優化簡介 180
12．2 屬性縮寫 181
12．2．1 盒模型縮寫 181
12．2．2 背景縮寫 183
12．2．3 字體縮寫 184
12．2．4 顔色值縮寫 184
12．3 語法壓縮 185
12．3．1 空白符 185
12．3．2 結尾分號 186
12．3．3 url的引號 186
12．3．4 屬性值為0 187
12．3．5 屬性值為以0開頭的小數 187
12．3．6 閤並相同的定義 187
12．3．7 利用繼承進行閤並 188
12．4 壓縮工具 190
12．5 圖片壓縮 191
12．5．1 JPEG、PNG和GIF 191
12．5．2 圖片壓縮 191
12．6 高性能的選擇器 191
12．6．1 選擇器在瀏覽器的解析
原理 192
12．6．2 不同選擇器的解析速度 192
第13章 CSS技巧
13．1 水平居中 194
13．1．1 文字的水平居中 194
13．1．2 元素的水平居中 195
13．2 垂直居中 198
13．2．1 文字的垂直居中 198
13．2．2 元素的垂直居中 200
13．3 CSS Sprite 203
13．4 Icon Font圖標 206
13．4．1 iconfont網站 207
13．4．2 icon font技術 209
第14章 重要概念
14．1 CSS中的重要概念 214
14．2 包含塊 214
14．2．1 什麼是包含塊 214
14．2．2 包含塊的判定以及包含塊的
範圍 215
14．3 層疊上下文 216
14．3．1 什麼是層疊上下文？ 216
14．3．2 什麼是層疊級彆？ 217
14．3．3 層疊上下文的特點 218
14．4 BFC和IFC 220
14．4．1 基本概念 220
14．4．2 什麼是BFC 221
14．4．3 BFC的用途 223
後記
掌控像素的藝術：現代網頁視覺構建的深入解析 在數字時代，信息傳播與情感錶達的載體——網頁，其視覺呈現的專業性已成為衡量一個網站成功與否的關鍵要素。本書並非旨在傳授基礎的HTML與CSS語法，而是聚焦於那些能讓你的網頁設計脫穎而齣，真正觸動用戶內心的進階技藝。我們將深入探索現代前端開發中，HTML與CSS如何協同工作，構建齣既美觀又兼具用戶體驗的精妙界麵。 超越基礎：HTML的語義化構建與現代結構 盡管本書不包含基礎HTML標簽的講解，但我們將深入剖析HTML5帶來的革命性變化，以及如何利用其語義化標簽構建更具可訪問性、搜索引擎友好度和可維護性的網頁結構。你將學會如何超越 `
` 和 `` 的濫用，轉而運用 ``、``、`
用戶評價
评分
作為一個在前端開發領域摸爬滾打瞭幾年，終於決定要係統性地提升一下自己的HTML和CSS技能的開發者，我一直在尋找一本能夠真正觸及精髓、帶來突破的進階教程。市麵上同類書籍繁多，有的過於淺顯，有的又過於理論化，讓人望而卻步。《Web前端開發精品課 HTML與CSS進階教程》這本書，在我看來，就像是為我量身打造的救星。它沒有像某些入門書籍那樣，僅僅停留在“如何寫一個div”、“如何設置顔色”的層麵，而是深入到瞭我們日常開發中常常會遇到卻又難以完美解決的那些細節。比如，在響應式布局這塊，它沒有簡單地羅列媒體查詢的用法，而是詳細分析瞭不同設備尺寸下，元素應該如何彈性伸縮，以及如何利用flexbox和grid布局實現真正優雅的響應式設計，讓網頁在手機、平闆、桌麵端都能有齣色的視覺效果和用戶體驗。對於CSS的性能優化，這本書也給齣瞭非常實用的建議，比如如何避免不必要的重繪和迴流，如何閤理地組織CSS文件，甚至是一些高級的CSS技巧，如CSS變量、CSS自定義屬性的使用，這些都能極大地提升前端開發的效率和項目的可維護性。總而言之，這本書的內容深度和廣度都恰到好處，既有理論的支撐，又有實踐的指導，讓我感覺自己不再是停留在錶麵的“搬磚工”，而是朝著更專業的方嚮邁進瞭一大步。
评分
作為一名對網頁美學和用戶交互有著不懈追求的開發者，《Web前端開發精品課 HTML與CSS進階教程》這本書，在我眼中，簡直是一本“武功秘籍”。它並沒有滿足於教你實現靜態頁麵的基本需求，而是將焦點放在瞭如何通過HTML和CSS創造齣更具動態感、更符閤現代用戶期望的網頁體驗。比如，關於CSS的過渡（transition）和動畫（animation）部分，書中不僅僅是簡單地羅列瞭屬性，而是深入剖析瞭它們的工作原理，提供瞭大量生動形象的案例，讓我能夠輕鬆地為網頁元素添加平滑的過渡效果，實現各種炫酷的交互動畫，如平滑的淡入淡齣、元素的平移、縮放等，讓網頁“活”瞭起來。此外，書中對於CSS的排版和響應式設計也有非常獨到的見解。它詳細講解瞭如何利用CSS Grid和Flexbox實現復雜的頁麵布局，以及如何針對不同屏幕尺寸優化布局和內容呈現，確保瞭用戶在任何設備上都能獲得最佳的瀏覽體驗。書中還強調瞭可訪問性（accessibility）的重要性，教導我們如何編寫符閤WCAG標準的HTML和CSS，這對於構建包容性的網絡應用至關重要，也讓我重新審視瞭代碼的意義。這本書確實讓我對前端視覺呈現和交互設計有瞭更深層次的理解和實踐能力。
评分
老實說，我一直覺得HTML和CSS是前端開發中最基礎、最容易被輕視的部分，但《Web前端開發精品課 HTML與CSS進階教程》這本書，徹底顛覆瞭我的認知。它讓我看到瞭這兩個“基礎”背後蘊含的巨大能量和無限可能性。我尤其欣賞書中關於CSS預處理器（如Sass/Less）和PostCSS的講解。在過去，我可能隻是偶爾使用一些簡單的變量，但這本書讓我係統地瞭解瞭預處理器的強大之處，比如嵌套、混入（mixin）、函數等，這些都能極大地提高CSS的可維護性和開發效率。同時，它還介紹瞭PostCSS及其插件，這讓我能夠利用現代化的CSS特性，並將其轉換為瀏覽器兼容的版本，甚至實現一些CSS-in-JS的優化思路。此外，書中對CSS怪癖（quirks）和瀏覽器兼容性問題的處理方法也提供瞭寶貴的經驗。它不僅僅是列舉瞭幾個常見的兼容性問題，而是深入分析瞭問題産生的根源，並提供瞭經過實踐檢驗的解決方案，這對於避免我們踩坑，提高開發效率非常有幫助。這本書讓我意識到，精通HTML和CSS，纔能真正築牢前端開發的地基，纔能在更高級的技術領域走得更遠。
评分
我一直認為，優秀的開發者不僅要能寫齣功能性的代碼，更要寫齣優雅、可維護、高性能的代碼。《Web前端開發精品課 HTML與CSS進階教程》這本書，恰恰滿足瞭我對“優雅”的追求。它深入探討瞭CSS的命名規範和組織方式，比如，它詳細講解瞭SMACSS（Scalable and Modular Architecture for CSS）等模塊化CSS架構的思想，以及如何利用它們來構建一個易於擴展和維護的大型CSS項目。這對我過去那種“想到哪寫到哪”的隨意編寫方式，無疑是當頭棒喝。書中還分享瞭大量關於CSS性能優化的實用技巧，包括如何減少DOM節點，如何優化選擇器，如何閤理使用CSS屬性（比如避免使用`position: absolute`和`fixed`過於頻繁），以及如何利用工具來檢測和分析CSS性能瓶頸。這些內容對於我正在參與的大型項目來說，簡直是雪中送炭。更讓我驚喜的是，書中還涉及瞭Web Components的一些初步概念，以及如何通過HTML和CSS與之結閤，來構建更具復用性和封裝性的組件。這本書不僅僅是一本技術手冊，更像是一本前端開發的“設計哲學”書，它引導我從更宏觀的角度去思考代碼的組織和優化，讓我受益匪淺。
評分
京東的圖書價格便宜，但是沒有紙質發票？為什麼？
評分
偷摘水果被蜜蜂給叮到怕瞭
評分
包裝看起來很好，包得很用心，相信貨一定很好，謝謝瞭! 貨超值，嗬，下次再來。幫你做個廣告，朋友們：這傢店的貨值。
評分
非常滿意，書籍很實用，內容很詳細，字跡清晰，對於學習有很大的幫助
評分
為什麼人要這麼的脆弱墮落
評分
還沒看，但是知識總是那麼深奧啊，哈哈哈哈哈哈哈哈哈哈
評分
很好的一本書，推薦給大傢買啦
評分
雙11特價買的書，挺劃算的。
評分
紙質很好，書麵不易變形，字密度要比一般書籍大一些所以很實惠。買來到現在我讀瞭幾遍，收獲非常大，非常實用，介紹內容涉及也廣。對於鞏固或者新手都適閤。HTML與CSS進階的不二選擇，強烈推薦
我一直對前端技術抱有極大的熱情，尤其是在HTML結構和CSS樣式這兩大基石上，總希望能夠達到爐火純青的境界。《Web前端開發精品課 HTML與CSS進階教程》這本書，真的讓我對這兩者有瞭全新的認識。它不僅僅是教你語法，更重要的是教你“為什麼”要這麼做，以及“如何”做得更好。舉個例子，書中關於語義化HTML的講解，讓我深刻理解瞭不僅僅是為瞭SEO，更是為瞭可訪問性和代碼的可讀性。它列舉瞭大量實際場景，告訴你什麼時候應該用`<nav>`，什麼時候用`<article>`，什麼時候用`<aside>`，以及它們之間細微的差彆和最佳實踐，這遠比我之前隻是簡單地用`<div>`包裹一切來得更有深度。在CSS方麵，我對書中的“CSS BEM規範”和“OOCSS（麵嚮對象的CSS）”等模塊化開發思想印象深刻。這些規範化的方法論，徹底改變瞭我過去混亂的CSS書寫習慣，讓我的代碼結構更加清晰，易於維護和擴展，大大降低瞭團隊協作的難度。而且，書中關於CSS的性能優化也給瞭我很多啓發，例如如何利用CSS動畫代替JavaScript動畫，如何優化選擇器，這些看似細小的點，在大型項目中卻能帶來巨大的性能提升。這本書就像一個經驗豐富的老前輩，一步步引導我跨越瞭那些曾經讓我頭疼的CSS難題。