分類
使用 HTML、CSS 開發一個網站

第 4 節: 2020 CSS 常用語法

20. HTML 與 CSS 的差異

HTML 用於定義網頁的「結構」,CSS 則用來定義網頁的「樣式」。

21. 插入 CSS 檔案,先寫一個 h1 讓文字變色

要載入一支 CSS 程式到 HTML 文件裡,就在 <head> 標籤內加入 <link> 標籤,並賦予對應的屬性,例如:

<link href="(CSS 程式位址)" rel="stylesheet">

針對 <h1> 標籤撰寫的 CSS:

h1{
    color: blue;
    font-size: 20px;
}

22. CSS 寫法詳解介紹

CSS 的語法是這樣:

(選擇器){
    (屬性): (設定值);
    (屬性): (設定值);
    (屬性): (設定值);
     ...
}

23. 新手常見 CSS 錯誤解析

當想要的樣式沒有正確出現,很可能是因為以下問題:

  • 檔案名稱打錯
  • 連結設定錯
  • 結尾忘記加上分隔線
  • CSS 單字拼錯

CSS 選擇器詳細介紹

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *