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元素,預設樣式是傾斜字型,通常用它表示圖示text-decorationem元素:表示強調的內容
文字修飾,給文字加線
a元素text-indentdel元素:錯誤的元素
s元素:過期的元素
首行文字縮排,可以跟畫素(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...