CSS —— 元素、背景屬性
CSS —— 元素、背景屬性
目錄
一、元素
1. 元素顯示模式
1.1 元素標籤以什麼方式進行顯示；
1.2 HTML元素：塊元素、行內元素；
2. 塊元素
2.1 常見的塊元素：<h1>~<h6>、<p>、<div>、<ol>、<ul>、<li>
2.2 塊元素特點：
2.3 注意點：
3. 行內元素
3.1 常見的行內元素：<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<span>等；
3.2 行內元素特點：
3.3 注意點：
4. 行內塊元素
4.1 同時具有塊元素和行內元素的特點：<img/>、<input/>、<td>；
4.2 特點：
5. 各元素的相互轉換
二、CSS背景屬性
1. 背景顏色
1.1 background-color：定義元素的背景顏色；（預設值transparent（透明）
1.2 語法格式：
div {
width: 200px;
height: 200px;
background-color: pink;
}
2. 背景圖片
2.1 background-image：描述元素的背景影象；
2.2 用處、優點：常用於logo或者一些裝飾性的小圖片或者是超級大的背景圖，非常便於控制位置；
2.3 語法格式：
background-image : none | url(url)
3. 背景平鋪
3.1 background-repeat：定義背景影象是否平鋪，怎麼平鋪；
3.2 語法格式：
background-repeat : repeat | no-repeat | repeat-x | repeat-y;
4. 背景圖片位置
4.1background-position：定義圖片在背景中的位置；
4.2 語法格式：
background-position : x y;4.3 x、y：既可以使用方位名詞、也可以使用精確單位；
4.4
① 如果兩個引數都是方位名詞，那麼兩個值的前後順序無關，即top center 和 center top 效果一樣；
② 如果只指定了一個方位名詞，那另外一個值預設為居中對齊；
③ 引數如果是精確座標，那麼兩個值的順序不能改變，第一個一定為x，第二個一定為y；
④ 如果只指定了一個數值那麼一定為x，y預設為居中對齊；
5. 背景附著
5.1 background-attachment：定義背景影象是否固定或者隨頁面的其餘部分滾動；
5.2 語法格式：
background-attachment : scroll | fixed;
6. 背景屬性簡寫和背景透明度
6.1 簡寫屬性一般沒有特定的書寫順序，一般約定為：
background : 背景顏色 背景圖片地址 背景平鋪 背景附著 背景圖片位置；6.2 背景透明度：
background ： rgba(0,0,0,0.0~1.0)最後一個引數為 alpha（透明度），範圍在0~1之間，0為完全透明，1為不透明；
6.3 背景半透明指盒子背景半透明，盒子裡面內容不受影響；