HTML和CSS

• 必選
  <input type="text" required>

• 輸入框提示(占位符，預定值)
  <input type="text" placeholder="cat photo URL">

• 設置字體大小
  h1 { font-size: 30px; }

• 引入字體
  在編輯器頂部引入即可使用

<link  rel="stylesheet" type="text/css">
<!-- 使用 -->
h1 {
font-family: Monospace;
}

• 處理多個字體降級(順序降級)
  p { font-family: Helvetica, Sans-Serif; }

• 多樣式的使用

<img class="smaller-image thick-green-border" src="">

• 為圖片添加alt描述
  ![](www.your-image-source.com/your-image.jpg)

• 單選框
  checked為默認選中

  <label><input type="radio" name="indoor-outdoor" checked> indoor</label>
  <label><input type="radio" name="indoor-outdoor"> outdoor</label>

• 復選框
  checked為默認選中

    <label><input type="checkbox" name="personality" checked>1</label>
    <label><input type="checkbox" name="personality">2</label>
    <label><input type="checkbox" name="personality">3</label>

• 背景色
  .green-background { background-color: green; }

• class用法

  • .className{}

• id用法

  • id的優先級大于class
  • #idName{}

• padding，margin簡寫

除了分別指定元素的 padding-top、padding-right、padding-bottom 和 padding-left 屬性外，你還可以集中起來指定它們

- padding: 10px 20px 10px 20px;
- 這四個值以順時針方式排列：上右下左。

• 多重class疊加

  • 在 HTML 中這些 class 如何排序是無所謂的。
  • 在發生沖突時，瀏覽器會使用最后的 CSS 聲明。
  • 和id同時調用時，優先使用id
  • class="class1 class2"

• 保證CSS效果!important
  color: pink !important;

RGB

RGB采用十六進制表示，RGB對應 紅綠藍 的英語首字母

• RGB值

  • 0123456789ABCDEF
  • 字母大小寫均可

• RGB值分布

  • 0最小，f最大
  • #RRGGBB

• RGB縮寫
  #FF0000等同于#F00

• RGB簡寫

  • rgb(0,0,0)
  • 范圍是0-255
  • 3個參數對應RGB