文章目錄
常見樣式聲明
- color
元素內部的文字顏色
預設值: 定義好的單詞
三原色,色值:光學三原色(紅、綠、藍),每個顏色可以使用0-255之間的數字來表達,色值。
rgb表示法:
rgb(0,255,0)
hex(16進制)表示法:
#紅綠藍
淘寶紅:#ff4400, 縮寫#f40
黑色: #000000,縮寫#000
紅色: #ff0000, 縮寫#f00
灰色:#ffffff, 縮寫#fff
- background-color
元素背景顏色
- font-size
元素內部文字的尺寸大小
1). px:像素,絕對單位,簡單的理解爲文字的高度佔多少個像素
2). em:相對單位,相對於父元素的字體大小
每個元素必須有字體大小,如果沒有聲明,則直接使用父元素的字體大小,如果沒有父元素(html),則使用基準字號。
user agent , UA ,用戶代理(瀏覽器)
- font-weight
文字粗細程度,可以取值數字,可以取值爲預設值
strong 默認加粗
- font-family
文字類型
必須用戶計算機中存在的字體纔有效。
使用多個字體, 已匹配不同環境
sans-serif,非襯線字體,前面的字體如果瀏覽器都不識別,會選擇後面的非襯線字體
h1{
font-family: times, serif, sans-serif;
}
- font-style
字體樣式,通常用它設置斜體
i元素,em元素,默認樣式,是傾斜字體;實際使用中,通常用它表示一個圖標(icon)
- text-decoration
文本修飾,給文本加線
a元素
<a href="">百度</a>
del元素:錯誤的內容
<del>錯誤的內容</del>
s元素:過期的內容
<div>原件: <s>199</s>,驚爆價:169</div>
- text-indent
首行文本縮進
- line-height
每行文本的高度,該值越大,每行文本的距離越大
設置行高爲容器的高度,可以讓單行文本垂直居中
行高可以設置爲純數字,表示相對於當前元素的字體大小
- width
寬度
- height
高度
- letter-spacing
文字間隙
- text-align
元素內部文字的水平排列方式