CSS常見樣式聲明

常見樣式聲明

  1. color

元素內部文字的顏色

預設值:定義高的單詞

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

rgb表示法:
rgb(0,255,0)
hex(16進制)

淘寶紅:#ff4400, #f40
黑色:#000000,#000
白色:#ffffff, #fff
紅:#ff0000, #f00
綠:#00ff00, #0f0
藍:#0000ff, #00f
紫:#f0f
青:#0ff
黃:#ff0
灰色:#ccc

  1. background-color

元素背景顏色

  1. font-size

元素內部文字的尺寸大小

1)px: 像素,簡單的理解爲文字的高度佔多少個像素
2)em: 相對單位,相對於父元素的字體大小
每個元素必須有字體大小,如果沒有聲明,則直接使用父元素的字體大小,如果沒有父元素(html),則使用基準字號。

user agent,UA,用戶代理(瀏覽器)

  1. font-weight

文字精細程度,可以取值數字,可以取值爲預設值

默認值:normal 正常粗細 ===> 400取值

加粗:bold ===> 700

strong元素默認加粗,表示重要的、不能忽略的內容

  1. font-family

文字類型

必須用戶計算機中存在的字體纔有效。

使用多個字體,一匹配不同環境

sans-serif, 非襯線字體

  1. font-style

字體樣式,通常用它設置斜體

值:
italic 傾斜

i、em元素,默認樣式,是傾斜字體;

i元素:表示一些特殊的文本,實際使用中,同常用它表示一個圖標(icon)

em:表示強調的內容

  1. text-decoration

文本修飾,給文本加線。

值:
underline 下劃線
none 沒有線

a元素
del元素:錯誤的內容
s元素:過期的內容

  1. text-indent

首行文本縮進

  1. line-height

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

設置行高爲容器的高度,可以讓單行文本垂直居中

行高可以設置爲純數字,表示相對於當前元素的字體大小

  1. width

寬度

  1. height

高度

  1. letter-space

文字間隙

  1. text-align

元素內部文字的書平排列方式

值:
right 右
left 左
center 居中
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章