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

●章 探本溯源，前端開發基礎漫談1.1 前端開發是做什麼的21.2 前端開發技術51.2.1 HTML超文本標記語言：搭建網頁“結構”51.2.2 CSS層疊樣式表：給網頁添加“樣式”61.2.3 JavaScript：讓網頁響應某種“行為”61.3 前端開發所需軟件71.3.1 Photoshop81.3.2 編輯器111.3.3 瀏覽器121.4 個HTML頁面121.4.1 基本標記標簽131.4.2 標簽嵌套關繫191.5 標簽簡介19練習題20第2章 CSS基礎語法、選擇器和樣式衝突的解決方案2.1 CSS概述222.2 定義CSS的基本語法232.3 基本選擇器252.3素選擇器252.3.2 ID選擇器262.3.3 類選擇器292.3.4 偽類選擇器332.3.素選擇器352.3.6 通用選擇器382.4 復合選擇器392.4.1 交集選擇器392.4.2 並集選擇器402.4.3 後代選擇器412.4.素選擇器432.4.5 相鄰兄弟選擇器442.4.6 屬性選擇器452.5 CSS選擇器的使用方法472.6 CSS應用到HTML頁面的常用方式472.6.1 行內式472.6.2 內嵌式482.6.3 鏈接式492.7 CSS的衝突與解決50 練習題53第3章 網頁排版利器：CSS 字體、文本、背景屬性設置3.1 字體屬性553.1.1 字體粗細屬性：font-weight553.1.2 字體風格屬性：font-style563.1.3 字體大小屬性：font-size583.1.4 字體族屬性：font-family593.1.5 文本行高屬性：line-height623.1.6 字體屬性：font653.2 文本屬性663.2.1 顏色屬性：color663.2.2 水平對齊屬性：text-align693.2.3 首行縮進屬性：text-indent703.2.4 文本修飾屬性：text-decoration713.2.5 字符間距屬性：letter-spacing733.2.6 字間距屬性：word-spacing743.3 背景屬性753.3.1 背景顏色屬性：background-color753.3.2 背景圖片屬性：background-image763.3.3 背景圖片重復屬性：background-repeat773.3.4 背景圖片位置屬性：background- position793.3.5 背景圖片滾動屬性：background-attachment813.3.6 背景屬性：background83 練習題84第4章 剖析“盒模型”特性，詳解布局方寸間的邏輯關繫4.1 盒子模型的組成864.2 盒子邊框（border）設置884.2.1 設置邊框風格884.2.2 設置邊框寬度904.2.3 設置邊框顏色934.2.4 統一設置邊框的寬度、顏色和風格954.2.5 邊框的形狀984.3 盒子內邊距（padding）設置1004.3.1 內邊距的設置1004.3.2 padding內邊距的特點1034.4 盒子外邊距（margin）設置1054.4.1 外邊距的設置1054.4.2 盒子外邊距合並1074.4.3 相鄰盒子之間的水平間距113 練習題116第5章 世界是多樣化的，標簽是語義化的5.1 常用文本標簽1185.1.1 段落與換行標簽1185.1.2 標題字標簽1195.1.3 標簽1215.1.4 標簽1225.1.5 標簽1225.1.6 < time>標簽1235.1.7 標簽1245.1.8 空格和特殊字符的輸入1245.2 文檔結構標簽1265.2.1

標簽1275.2.2 < article>標簽1285.2.3

標簽1295.2.4 < main>標簽1305.2.5