置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

用戶:冰閱/圖書館/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

元素內部水平排列方式