超完美 CSS 設計風格指南

★一口氣搞懂Web開發現場應該要懂的CSS相關知識
★解決您在開發時遇到的困難
★解決團隊協作開發的溝通問題

隨著前端開發的複雜度增加，出現各種以React、Vue.js 等處理CSS的方法，HTML套用樣式的手法也是五花八門。因此，開發人員肯定會對CSS感到頭大，該怎麼應用CSS？該使用哪種工具才好？

本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引，您可藉由本書學到最新的觀念與CSS方法論，做出符合專案需求的最佳CSS設計。

<序>

本書是講述CSS設計的參考書。正在煩惱該如何編寫CSS的人，翻閱後若覺得有所幫助，筆者將會欣喜萬分。

何謂編寫CSS？
投入前端工程開發的人肯定皆會接觸CSS，但涉入多麼深的程度就因人而異。筆者任職的PixelGrid，職員僅數十名，主要業務為網站架設與APP實作。雖然PixelGrid主打前端工程的相關技術，但專門編寫CSS的人員卻不多，大家多多少少都會編寫CSS。除了對屬性（property）有一定程度的瞭解外，對於怎麼編寫CSS、如何管理完成的CSS，具有一定程度上的知識。

現在回頭想想，我並不曉得自己是如何學會編寫CSS的，市面上沒有系統性解說相關思維的書籍。雖然CSS的參考資料多不勝數，有介紹各種屬性呈現的效果⋯⋯等等，但該考慮什麼事情、該注意什麼來編寫CSS、該如何管理完成的CSS，就幾乎沒有相關的統整教材。然後，關於這種編寫CSS的能力，不易簡單描述應該具備什麼知識，即便事前記住網站的內容，也難以三言兩語說明清楚。

幫助您了解如何編寫以及管理CSS
交給這個人編寫CSS，全部皆迎刃而解；這個人不太擅長編寫CSS，但能夠汲取編寫人員的想法來實作。怎麼習得這類能力呢？「依靠經驗」是最不負責任的講法，但從經驗獲得的能力，具體又是什麼樣的技能呢？本書將會聚焦於「怎麼編寫CSS、如何管理完成的CSS」，期望幫助讀者大致掌握相關知識。

幫助您成為一名稱職的前端工程師
本書的預設讀者是想要擔任前端工程師的新人，排除已經具備相當功力的高手。另外，預設讀者還有雖不太熟悉網頁技術，但想要提升開發技能的人員。對於這些涉獵不深的人員，切勿不負責任地強求邊做邊學來累積經驗。如前所述，這種能力無法靠單純硬背知識、理解工作原理來習得。因此，請先把本書當作參考書來閱讀，裡頭統整了下述欲傳達的內容：
．瞭解這些知識後，有助於委託其他人工作。
．瞭解這些知識後，在CSS設計上可與團隊有效地溝通。

期望本書能夠對讀者有所幫助。