超入門 CSS 快速學習包

什麼是CSS ? 該如何運用? 這門課都會完完整整地告訴你,開始讓你的網站變得獨一無二 !

100 %
116 個人參加這堂課
教師: Adam Adam
  • 課程水平 初學
  • 使用語言 中文
  • 總節數 22
  • 時數 2:45:02
  • 課程內專案
  • 無限次觀看
  • 22個 公開小節

課程介紹

開始讓你的網站變得獨一無二

了解了網頁基礎的HTML之後,再來就是讓你的網頁變得美美的啦 !
這門課我會講解CSS如何運作,如何和HTML做有效的搭配,以及各種基礎CSS 的功能與屬性。
並且一步一步的讓你的網頁變得更符合現代化。

什麼是CSS ? 他能做到什麼事情 ?

CSS 為層疊樣式表(cascading style sheet),為網頁前端製作不可缺少的主角之一,你將可以透過它對你的網頁HTML 元素進行各種樣式的添加與編排,做出符合使用者期待的樣貌。它將主掌網頁上任何你想的到的視覺元素 !

 

從基礎開始講起,未來持續更新課程 !

這門課不論只要稍懂HTML便能加入學習,也不用擔心聽不懂,或者沒人問,我將會在線上陪伴大家,一起學好基礎 !

 

了解原理勝於一切,拋開似懂非懂!

我喜歡讓學習者理解原理及用法, 並用生活化的例子帶入思考,讓你可以去想像,一個新的知識它究竟如運作。
比起只有單純操作或是介紹,這門課將有系統地、有規劃地從 0 開始講起 !

馬上開始用CSS 優化你的網頁 !

只要打開你的編輯器或CodePen 就能立即開始跟著我做,跟著我學習,體驗慢慢地將網頁變得美好的過程 !

為什麼選擇這門課 ? 跟其他課程的差異在哪?

  • css 為前端工程師必備得語法,若想要朝前端工程師前進,CSS 絕對是必修
  • 我將用你絕對聽得懂的方式,圖解,慢慢的為您解說課程內關於css的內容
  • 透過線上專案練習與指導,讓您學得更深入

適合我嗎?需要那些課程準備?

適用對象

  • 對HTML 有初步了解的人
  • 想讓網站排版變得更加豐富的人
  • 還在使用 table 排版的開發者
  • 想從頭學習CSS的設計師

工具準備

  • 電腦和網路
  • 自己習慣的網頁編輯器

知識準備

  • 稍懂HTML

課程章節表

第1章

CSS 基礎概念
1
什麼是CSS?
6:56
2
CSS 語法 如何撰寫
5:07
3
CSS 寫在哪裡?
4:39
4
HTML 文件上的 CSS 套用順序
4:39
5
如何與我交流
2:24

第2章

CSS 的選擇器
1
什麼是CSS 選擇器?
3:50
2
CSS 的選擇器 Part l
5:40
3
CSS 的選擇器 Part ll
10:18
4
屬性選擇器
8:28
5
偽類選擇器
10:55

第3章

CSS 特性
1
CSS 權重與層疊
13:04
2
繼承
5:59

第4章

CSS 樣式
1
文字
11:24
2
圖片
5:50
3
連結
8:48
4
背景
9:24
5
清單
6:39

第5章

CSS 盒子模型
1
什麼是盒子模型?
5:45
2
block / inline / inline-block 屬性
10:05
3
border 邊框
8:00
4
內距 與 外距
8:57
5
區塊元素的寬與高
8:11

您將會學到的

  • 有關css 的 知識,以及相關應用
  • css 在網頁製作時所扮演的角色
  • css 實作技巧

教師簡介

Adam
絕不吃辣的前端工程師、網路行銷人,喜歡自學新技能。體驗、交流、分享新鮮的事物。相信人因學習而偉大。

100%

2個評價
課程搭配codepen解釋很清楚,也可以馬上演練,謝謝老師!
1 月前
學到了新東西><謝謝老師~~
1 月前

其他人也參加了這些課程

收藏
10 天 開發出你的第一個網頁

10 天 開發出你的第一個網頁

收藏
輕鬆上雲端 - AWS 網站建置術

輕鬆上雲端 - AWS 網站建置術

收藏
前端網頁設計,超快速入門

前端網頁設計,超快速入門

收藏
PS/AI輕鬆學

PS/AI輕鬆學