常見樣式宣告

2021-09-28 19:15:46 字數 1640 閱讀 4804

color

元素內部的文字顏色

預設值:定義好的單詞

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

rgb表示法:

rgb(0,255,0)

hex(16進製制)表示法:

#紅綠藍

常見色:

**紅:#ff4400/f40

黑色:#000000/000

白色:#ffffff/fff

紫色:#f0f

青色:#0ff

黃色:#ff0

灰色:#ccc

background-color

元素背景顏色

font-size

元素內部文字的尺寸大小

單位:1)px:絕對單位,畫素,簡單的理解為文字的高度佔多少個畫素

2)em:相對單位,相對于父元素字型大小的倍數

每個元素必須有字型大小,如果沒有宣告,則直接使用父元素的字型大小,如沒有父元素(html)則使用基準字型大小(瀏覽器設定的字型大小)。

user agent, ua, 使用者**(瀏覽器預設樣式)

font-weight

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

加粗:bold

不加粗:normal

strong元素:表示重要的不能忽視的內容;

font-family

文字型別:字型

必須使用者計算機中存在的字型才會有效。

使用多個字型,以匹配不同環境。

sans-serif,非襯線字型

font-style

字型樣式,通常用於支援斜體(font-style:italic;)

i元素:預設字型為傾斜字型;實際使用中,通常用它表示乙個圖示(icon)

e元素:斜體

text-decoration

修飾文字,給文字加線。

text-decoration:linethrough 中間加線

text-decoration:underline 文字下面加線

text-decoration:overline 文字上面加線

a元素,underline

del元素,表示刪除的內容,linethrough

s元素,過期的元素(如**中的原價),linethrough

text-indent

首行文字縮排。

text-indent:2em;
line-height

每行文字的高度,該值越大,每行文字距離越大。

1)設定行高為容器的高度,可以讓單行文字垂直居中。

2)行高可以設定為純數字,表示相對於當前元素的字型大小。

width 寬度

height 高度

letter-spacing

文字間隙

text-align

元素內部文字水平排列方式。

left,center,right

2 常見樣式宣告

color 元素內部的文字顏色 預設值 定義好的單詞 數量有限 三原色 光學三原色 紅 綠 藍 每個顏色可以使用0 255之間的數字表達他的色值 rgb n,n,n hex 16進製制 紅綠藍 各兩位 rgb的三個n分別代表紅 綠 藍的色值 紅 ff4400,f4o 三個數字個位十位都相同,可以簡寫...

常見的樣式宣告

color 文字顏色 值 預設值 定義好的單詞 三原色 光學 紅綠藍 每種顏色可以使用0 255之間的數字來表達 色值寫法 rgb 0,0,0 hex表示法 十六進製制 紅綠藍 008c8c 當兩位數一樣的時候可以省略一位 幾種可以記住的顏色 紅 f40 黑色 000 白色 fff 紅 f00 綠 ...

Css基礎總結 常見樣式宣告

1.color 元素內部的文字顏色 預設值 定義好的單詞 三原色,色值 光學三原色 紅 綠 藍 每個顏色可以使用0 255之間的數字來表達,色值。rgb表示法 rgb 0,255,0 hex 16進製制 表示法 紅綠藍 紅 ff4400,f40 黑色 000000,000 白色 ffffff,fff...