<h1><span>語言的特性</span></h1><ol><li><b><strong>樣式控制</strong></b><span>:CSS 用於控制 HTML 元素的外觀,例如顏色、字體、佈局等。</span></li><li><b><strong>層疊優先級</strong></b><span>:CSS 中的樣式具有層疊性,後來的樣式會覆蓋之前的樣式。優先級由選擇器的具體性和位置決定。</span></li><li><b><strong>響應式設計</strong></b><span>:使用媒體查詢和其他技術使網頁能夠適應不同設備和屏幕大小。</span></li><li><b><strong>分離內容與樣式</strong></b><span>:CSS 將樣式與 HTML 的內容分離,從而使代碼更易於維護和更新。</span></li></ol><h1><span>觸及的領域</span></h1><ol><li><b><strong>網頁設計</strong></b><span>:CSS 是網頁設計的基石,用於控制網頁的佈局和樣式。</span></li><li><b><strong>UI/UX 設計</strong></b><span>:CSS 幫助設計師創建美觀且易於使用的界面。</span></li><li><b><strong>電子商務</strong></b><span>:優雅且易用的網頁設計能夠提升用戶體驗,進而提高銷售。</span></li><li><b><strong>移動應用開發</strong></b><span>:通過響應式設計,CSS 也能應用於移動網頁應用。</span></li></ol><h1><span>誰在使用</span></h1><ol><li><b><strong>前端開發者</strong></b><span>:日常工作中廣泛使用 CSS 來設計和構建網頁。</span></li><li><b><strong>UI/UX 設計師</strong></b><span>:使用 CSS 來實現設計稿,並確保網頁設計的一致性。</span></li><li><b><strong>網頁設計師</strong></b><span>:利用 CSS 來創建視覺上吸引人的網頁。</span></li></ol><h1><span>CSS的其他知識</span></h1><ol><li><b><strong>預處理器</strong></b><span>:如 Sass、LESS,這些工具可以讓 CSS 編寫更高效,添加變量、嵌套和混合等功能。</span></li><li><b><strong>後處理器</strong></b><span>:如 PostCSS,用於自動加前綴、壓縮 CSS 文件等。</span></li><li><b><strong>CSS 變數</strong></b><span>:使用 CSS 自定義屬性(變數)來提高代碼重用性和維護性。</span></li><li><b><strong>網格佈局</strong></b><span>:CSS Grid 提供了強大的佈局系統,能夠更靈活地控制網頁的佈局。</span></li></ol><h1><span>學習渠道</span></h1><ul><li><a href="https://developer.mozilla.org/zh-TW/docs/Web/CSS"><span>MDN Web Docs</span></a></li><li><a href="https://www.w3schools.com/css/"><span>W3Schools</span></a></li></ul><h1><span>常見的庫與框架</span></h1><ol><li><b><strong>Bootstrap</strong></b><span>:一個流行的前端框架,包含許多預製的樣式和組件,方便快速開發響應式網頁。</span></li><li><b><strong>Tailwind CSS</strong></b><span>:一個實用性優先的 CSS 框架,提供了大量的工具類別,用於快速構建現代網頁。</span></li><li><b><strong>Foundation</strong></b><span>:另一個強大的前端框架,提供了豐富的樣式和組件。</span></li><li><b><strong>Bulma</strong></b><span>:基於 Flexbox 的現代 CSS 框架,簡單易用且擴展性強。</span></li></ol>