響應式網頁前端設計

第一階段
加強熟識HTML&CSS

第二階段
學習JavaScript&jQuery

第三階段
Bootstrap協助專案設計

第四階段
w3.css協助專案設計

第五階段
自行開發網站專案設計

第六階段
Pug(Jade)&Sass協助開發效率

=== TSuiling write 2018.07 ===

響應式網頁前端設計【第一階段】加強熟識HTML&CSS

CSS設計的語法與操作

認識 CSS 設計的語法與操作

撰寫CSS的位置一:

</head> 的前面直接輸入以下程式碼 (右邊灰色文字是CSS的註解,不影響執行)

撰寫CSS的位置二:

為了讓多個HTML檔案共用CSS的樣式設計,或者為了優化程式碼,
可以將CSS樣式規則另儲存在 xxx.css 檔案,
xxx.html 檔案中 </head> 的前面再設定 <link rel="stylesheet" href="xxx.css">

撰寫CSS的位置三:

在HTML的標籤中直接設定style樣式,例如:<body style="background-color:gray;">

有哪些 CSS 屬性呢?

CSS 屬性參考列表-英文版
CSS 屬性引導學習-英文版
CSS 屬性分類參考列表-簡中版
CSS 屬性引導學習-簡中版