2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

用戶:Selfice/圖書館/css基礎 常見樣式聲明

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

常見樣式聲明

1.color

元素內部的文字顏色

預設值 :定義好的單詞

三原色,色值:光學三顏色(紅綠藍),每個顏色可以使用0-255之間的數字來表達

代碼:rgb(0,255,0)
hex(16進制)表示法:#紅綠藍
淘寶紅:#ff4400
黑色:#000000或者#000
白色:#ffffff或者#fff
灰色:#ccc

2.background-color

元素背景顏色

3.font-size

元素內部文字的尺寸大小

  1. xpx:像素,絕對單位,理解為文字的高度佔多少個像素
  2. em: 相對單位,相對於父元素的字體大小
    每個元素必須有字體大小,如果沒有聲明,則直接使用父元素的字體大小,如果沒有父元素(html),則設為基準字號
    user agent ,UA, 用戶代理(瀏覽器)

4.font-weigt

文字粗細程度,可以取值數字,可以取值為預設值

strong,em元素都有默認加粗的效果

5.font-family

文字類型

必須是用戶計算機中存在的字體才能有效
使用多個字體匹配
sans-serif,飛村線字體

6.font-style

字體樣式,通常用於字體傾斜

i元素,默認樣式,是傾斜字體;實際使用中,通常用來表示一個圖標(icon)

7.text-decoration

文本修飾,給文本加線

a元素
del元素:錯誤的內容
s元素: 過期的內容

8.text-indent

首行文本縮進

9.line-height

行高:表示文本高度,該值越大文本的像素越大

設置行高為文本的高度,可以讓單行文本垂直居中

10.width

寬度

11.height

高度

12.letter-space

letter-spacing:
文字間隙

13.text-align

元素內部水平排列方式