CSS - 完整指南（包括 Flexbox、Grid 和 Sass）

首次學習 CSS 或提高您的 CSS 技能並進行更深入的研究。每個 Web 開發人員都必須了解 CSS。

從這 22.5 小時的課程，你會學到

了解為什麼 CSS 很棒，而不是害怕學習！
使用基本和高級 CSS 功能
Flexbox、網格、動畫、過渡、字體、媒體查詢等等 – 都包括在內！
了解 CSS 和某些 CSS 特性背後的概念和理論
建立不僅包含精彩內容而且看起來不錯的漂亮網站

要求

一般來說，你應該了解有關 HTML 和 Web 開發的基本知識
並不要求有進階的 HTML 或 Web 開發知識
不需要有 CSS 知識！你會在這門課程中學到這一切！

課程說明

加入這個暢銷的 CSS 課程，從頭開始深入了解 CSS！

CSS -階層式樣式表( Cascading Style Sheets )的縮寫 – 是一種“程式語言”，用於將原始 HTML 頁面變為真正漂亮的網站。

本課程涵蓋了所有內容 – 我們從基礎知識開始（什麼是CSS？它是如何運作的？你如何使用它)？並逐漸深入再深入。我們通過展示實例以及背後的理論來做到這一點。

CSS 入門看起來很簡單，但實際上要完全了解 CSS 還蠻有深度的 – 於是本課程提供了不同的“軌道”或“入門點”，以準確地滿足你的需求並適應你當前的知識水準：

基礎知識：從零開始，從頭開始學習 CSS。你從第一講開始，直到最後。
高級課程：你已經了解了 CSS 基礎知識，知道選擇器( selectors )是什麼以及它的工作原理，但希望深入了解並學習一些高級功能和用法。
專家新知：你也擁有先進的知識，但想深入了解 Flexbox、CSS Grid、CSS Variables 或Sass 等。這一軌道適合你。

當然，這門課程提供了理論和實踐的例子 – 我們將在整個課程中建立一個完整的真實專案 – 但也有多個作業、測驗和挑戰，讓你練習在整個課程學習的個別概念。

談談課程中的專案 – 我們將建構一個虛構的虛擬主機託管服務公司的前端（無後端）。我們將做一個具有不同部分的初始螢幕，我們做一個帶有動畫側邊抽屜( side-drawer )的響應式設計，學習了模態( modals )和表單( forms )，且獲得很多CSS動畫，字體樣式等等！

以下是課程內容的細節 – 這也適用於上述課程專案：

關於選擇器、組合器以及如何設置一般樣式規則的基礎知識
屬性( properties )、值( values )和宣稱 ( decalrations )
特定性和繼承的工作原理以及為什麼稱為“階層式”樣式表
重要的理論概念，如“盒子模型 ( Box Model )”
如何改變元素的預設位置
樣式背景（例如漸層）和圖像
你通常在 CSS 中使用哪些單位和尺寸（px、rem、％和更多）
JavaScript 和 CSS 如何互動
響應式設計和“行動優先”意味著什麼
樣式表單和表單輸入
處理文本、字體和文本樣式
Flexbox！它是如何運作以及如何使用它
使用 CSS 網格及其與 Flexbox 不同之處
借助 CSS 轉換和設置 HTML 元素的動畫效果
使用 CSS 變數或最佳實踐類名稱(class names )等功能編寫未來性的CSS
使用 Sass 並了解其實際上的意義

這門課程適合你嗎？

這是給你，如果…

你開始學習怎麼寫網頁，想建立更美麗的網站
你已經知道 CSS，但想更深入研究
你正在以試錯的方式使用 CSS，並想改變這狀況（你應該！）

你可能以後再回來看這門課，如果…

你是一個絕對的 CSS 專家，你打從心裡明白 CSS 運作的群組草圖
你是一個僅做後端的開發人員（Node、PHP、NO HTML或前端 JavaScript ）
你是 Web 開發的新手，你沒有 HTML 的基礎知識

目標受眾

任何想要開始學習 CSS 或希望提高 CSS 技能的人
任何很想了解 Flexbox、CSS Grid 或 CSS Variables 等最新的 CSS 功能者
任何知道 CSS 但希望深入探究者

講師簡介

Academind by Maximilian Schwarzmüller 線上教育

將課程和成功講師的專業知識結合，Academind 致力於提供高品質的線上教育。

運用線上教育幫助人們在現實生活中成功——是 Academind 所主張的。以有趣且引人入勝的方式學習 Web 開發、資料分析等主題。

我們已經為超過 3,000,000 名學生教授過各種各樣的主題。我們也很樂意教你！

保持學習！

Maximilian Schwarzmüller AWS 認證、專業 Web 開發人員和講師( 更多講師主講課程介紹 )

作為（Web）開發人員的經驗

從 12 歲開始，我從未停止學習新的程式設計技能和語言。我很早就開始為朋友創建網站，也只是為了好玩。除了 Web 開發之外，我還探索了 Python 和其他非 Web 語言。這種熱情一直持續至今，並促使我決定成為自由網路開發人員和顧問。我在這份工作中獲得的成功和樂趣是巨大的，並且真正讓我的熱情永遠燃燒。

從後端開始 Web 開發（PHP 與 Laravel、NodeJS、Python），我也越來越成為在許多專案中使用 React、Angular 或 VueJS 等現代框架的前端開發人員。我現在喜歡兩個世界！

我還建立了全棧應用程式並獲得了專業的 DevOps 和雲端運算知識 – 我持有的許多 AWS 認證（包括頂級解決方案架構師專業認證）證明了這一點。

作為一名自學成才的開發人員，我有機會透過學習工商管理來拓寬我的視野，並獲得碩士學位。這使我能夠在一家大型策略諮詢公司和一家銀行工作。在了解到我比這些領域更享受發展的同時，在這個領域的時間大大提高了我的整體經驗和技能。

擔任講師的經驗

作為一名自學成才的專業人士，我確實知道學習新語言或改進已知語言時的困難部分和困難主題。這種背景和經驗使我能夠專注於最相關的關鍵概念和主題。我在 Udemy 上擁有許多 5 星級課程和超過 2,000,000 名學生的記錄就是最好的證明。

無論是擔任發展講師還是教授工商管理，我總是收到很好的回饋。最有價值的體驗是看到人們如何在我的內容的幫助下找到新的、更好的工作，構建出色的網絡應用程序，獲得令人驚嘆的項目或只是享受他們的愛好。

我與 Manuel Lorenz 一起創立了 Academind，為我們超過 3,000,000 名學生提供盡可能最好的學習體驗。

Manuel Lorenz 專業的商業分析師和講師

我曾在一家大型顧問公司和投資銀行擔任業務分析師，我總是發現自己面臨著各種複雜的問題和具有挑戰性的客戶需求。技術和業務需求的快速發展迫使每個人不斷適應並不斷學習。

作為一個快速發展的新工具的早期採用者，我總是喜歡學習這些工具並將我的知識傳授給我的同事和同學。

由於身為業務分析師意味著對程式設計的高度熱愛，因此我也喜歡作為 Web 開發人員。正是自學知識及其在競爭激烈的諮詢環境中為各種客戶的應用的結合，使我能夠從行業角度以及學習者的角度評估解決方案。後者還使我能夠確定學生在學習這些工具時可能遇到的痛點。

由於我總是發現很難找到高品質、易於理解且全面的學習材料，所以我決定自己製作這樣的材料。我與 Maximilian Schwarzmüller 一起創立了 Academind，為超過 200 萬名學生提供網路開發和資料科學的最佳學習體驗。

字幕：簡中、英文

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

Udemy 永久擁有課程許多課程約 NT400(點擊連結看更多)
✨年訂閱每月 NT350(再享特別優惠：年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課，最大化學習 ( 原價 NT635/月 )
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現