CSS之常見樣式聲明

文章目錄

常見樣式聲明

  1. color

元素內部的文字顏色

預設值: 定義好的單詞

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

rgb表示法:
rgb(0,255,0)
hex(16進制)表示法:
#紅綠藍

淘寶紅:#ff4400, 縮寫#f40

黑色: #000000,縮寫#000

紅色: #ff0000, 縮寫#f00

灰色:#ffffff, 縮寫#fff

  1. background-color

元素背景顏色

  1. font-size

元素內部文字的尺寸大小

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

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

  1. font-weight

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

strong 默認加粗

  1. font-family

文字類型

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

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

sans-serif,非襯線字體,前面的字體如果瀏覽器都不識別,會選擇後面的非襯線字體

 h1{
        font-family: times, serif, sans-serif;
    }
  1. font-style

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

i元素,em元素,默認樣式,是傾斜字體;實際使用中,通常用它表示一個圖標(icon)

  1. text-decoration

文本修飾,給文本加線

a元素

 <a href="">百度</a>

del元素:錯誤的內容

 <del>錯誤的內容</del>

s元素:過期的內容

 <div>原件: <s>199</s>,驚爆價:169</div>
  1. text-indent

首行文本縮進

  1. line-height

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

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

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

  1. width

寬度

  1. height

高度

  1. letter-spacing

文字間隙

  1. text-align

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

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