★一口氣搞懂Web開發現場應該要懂的CSS相關知識
★解決您在開發時遇到的困難
★解決團隊協作開發的溝通問題
隨著前端開發的複雜度增加,出現各種以React、Vue.js 等處理CSS的方法,HTML套用樣式的手法也是五花八門。因此,開發人員肯定會對CSS感到頭大,該怎麼應用CSS?該使用哪種工具才好?
本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引,您可藉由本書學到最新的觀念與CSS方法論,做出符合專案需求的最佳CSS設計。
高津戶壯
曾經參與眾多網站、網頁應用程式的HTML、CSS、JavaScript實作,現主要負責承攬案件的前端相關實作、設計、技術指導,擅長領域包括可擴充性的HTML模板設計與實作、Javascript使用者介面的進階設計與實作。
第1章 關於編寫CSS
第2章 缺少CSS設計會遇到的困擾
第3章 先來瞭解BEM
第4章 BEM的B=區塊
第5章 BEM的E=元素
第6章 BEM的M=修飾符
第7章 BEM的其他內容
第8章 SMACSS:基礎規範
第9章 SMACSS:布局規範
第10章 SMACSS:主題規範
第11章 功能類別
第12章 命名空間式前綴詞
第13章 設計區塊間的留白:前篇
第14章 區塊間的留白設計:中篇
第15章 區塊間的留白設計:後篇
第16章 在專案中應對自如
第17章 推薦設計指引
第18章 使用建置製作CSS:不直接使用完成的CSS
第19章 使用建置製作CSS:Sass
第20章 使用建置製作CSS:Autoprefixer
第21章 使用建置製作CSS:PostCSS
第22章 進階元件:通用型區塊、限定型區塊
第23章 進階元件:區塊嵌套
第24章 功能優先