第三課《讓簡歷有點色彩》

一、學習了css 的概念、工作方式、語法

1. CSS (Cascading Style Sheets) ：是一種用于向用戶指定文檔如何呈現的語言 — 它們如何被指定樣式、布局等
2. 工作方式：
   1. 瀏覽器將 HTML 和 CSS 轉化成?DOM （文檔對象模型）。DOM在計算機內存中表示文檔。它把文檔內容和其樣式結合在一起
   2. 瀏覽器顯示?DOM 的內容
3. 語法：
   1. 聲明：屬性名：屬性值；
   2. 聲明用“{ }”包裹形成聲明塊
   3. 選擇器加上聲明塊形成完整的css規則集

二、學習了css 選擇器中的簡單選擇器和屬性選擇器的使用方法

1. 選擇器：用于定位想要樣式化的網頁html元素
2. 簡單選擇器：根據元素類型（ id 或 class ）直接匹配文檔中的一個或多個元素
   1. 元素選擇器：以元素名進行匹配
   2. 類選擇器：以“.” 加類名的方式匹配
   3. id 選擇器：以“#” 加 id 的方式匹配
   4. 通用選擇器：以“*” 匹配文檔中的所有元素
3. 屬性選擇器：根據元素的屬性和屬性值匹配元素，通用語法為“[ ]”
   1. 存在和值選擇器：
      [attr]：該選擇器選擇包含 attr 屬性的所有元素，不論 attr 的值為何
      [attr=val]：該選擇器僅選擇 attr 屬性被賦值為 val 的所有元素
      [attr~=val]：該選擇器僅選擇具有 attr 屬性的元素，而且要求 val 值是?attr 值包含的被空格分隔的取值列表里中的一個
   2. 子串值選擇器：
      [attr|=val] : 選擇 attr 屬性的值是 val 或值以 val- 開頭的元素（注意，這里的 “-” 是用來處理語言編碼的）
      [attr^=val] : 選擇 attr 屬性的值以 val 開頭（包括 val ）的元素
      [attr$=val] : 選擇 attr 屬性的值以 val 結尾（包括 val ）的元素
      [attr*=val] : 選擇 attr 屬性的值中包含子字符串 val 的元素（一個子字符串就是一個字符串的一部分而已，例如，”cat“ 是 字符串 ”caterpillar“ 的子字符串）

三、學習了一些字體屬性：

font-family、font-size、font-style、font-weight、font

四、學習了一些文本屬性：

color、direction、text-indent、text-align、line-height、letter-spacing、word-spacing、text-transform、text-decoration、white-space、text-shadow

課程網址