2 常見樣式宣告

2021-10-11 07:22:08 字數 1616 閱讀 4720

color

元素內部的文字顏色

預設值:定義好的單詞(數量有限)

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

rgb(n,n,n)

hex(16進製制)

#紅綠藍(各兩位)

rgb的三個n分別代表紅、綠、藍的色值

**紅:#ff4400,#f4o(三個數字個位十位都相同,可以簡寫為3個數字,表示三個數字的個位和十位的值)

黑色:#000000,#000

白色:#ffffff,#fff

紅:#ff0000,#f00

綠:#00ff00,#0f0

藍:#0000ff,#00f

紫:#f0f

青:#0ff

黃:#ffo

灰:#ccc

background-color

元素背景顏色

font-size

元素內部文字的尺寸大小

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

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

每個元素必須有字型大小,如果沒有宣告,則直接使用父元素字型大小,則使用基準字型大小

user agent,ua:使用者**(瀏覽器)

font-weight

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

normal=400 bold=700

strong元素,預設加粗,表示重要的、不能忽視的內容

font-family

文字型別

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

使用多個字型以匹配不同使用者,直接用

「,」先後順序表示使用的排名

sans-self是預設非襯線字型

襯線字型用於列印

網頁字型用非襯線字型

font-style

字型樣式(設定斜體italic)

i元素,預設樣式是傾斜字型,通常用它表示圖示

em元素:表示強調的內容

text-decoration

文字修飾,給文字加線

a元素

del元素:錯誤的元素

s元素:過期的元素

text-indent

首行文字縮排,可以跟畫素(px),也可以跟相對位置(em即幾個字型大小)

line-height

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

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

行高可以設定成畫素點和純數字(相對當前元素字型的大小)

width 寬度

height 高度

letter-spacing

文字間間隔大小,可用px和em表示

text-align

元素內部文字的水平排列方式透明

每個顏色都有透明通道(0~1)

1)rgba(紅,綠,藍,alpha)

2)hex: #紅綠藍透

注:「透」為透明度為00到ff

常見樣式宣告

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

常見的樣式宣告

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...