(font)字體

• font-size字體大小

  • 字體尺寸

p {
    font-size:20pt;
    font-size:20px;
    font-size: 2em;
    font-size: 2rem;
    font-size: 100%;
}

• color文字顏色

CSS文字顏色樣式

p {
color : blue;
}

也可以用 RGB 或顏色代碼來表達字體顏色

p {
color : #e63946;
}

• font-weight字體粗細

p {
    font-weight:500;
    font-weight:1000;
}

• font-style字體樣式

p {
    font-style: italic;
}

• font-family字型

p {
    font-family: Arial, Helvetica, sans-serif;
}

(text)文字

• line-height行高

p {
line-height:3em;
}

• letter-spacing字與字空間距離

p {
  letter-spacing:15px; 
}

• text-align文字對齊

h1 {
    text-align:left;
    text-align:right;
    text-align:center;
}

• text-direction文字方向

(background)背景

• background-color顏色

h1 {
    background-color: pink;
}

h2 {
    background-color: #c9ada7;
}

• background-image圖片

(List)項目清單

• list-style-type項目清單使用符號

有很多項目符號，舉例幾個比較常使用的

ul {
    list-style-type: none;
    list-style-type: decimal;
    list-style-type: disc;
    list-style-type: circle;
    list-style-type: square;
    }

(transition)轉換效果

控制元素在從一個狀態變為另一個狀態時的過渡效果

(Cursor)鼠標樣式

網路上有許多樣式標籤可以使用

p {
    cursor:(鼠標樣式);
    cursor:wait;
    cursor:text;
    cursor:progress;
}

資料來源:CSS語法