今天學(xué)習(xí)了
1. emmet 語法 —— 開發(fā)效率
2. CSS 復(fù)合選擇器 —— 選擇器
3. 元素的顯示模式 —— 布局?
4. 背景圖片 —— 樣式
1 emmet語法
2.復(fù)合選擇器
后代選擇器、子代選擇器菇爪、并集選擇器、偽類選擇器
*為了代碼優(yōu)化棵譬，理論上嵌套不要超過3~4層。
后代選擇器
后代選擇器的應(yīng)用場景是什么预伺？ ? ? ? ? 可以選擇父元素中的子元素?
子元素選擇器
子代選擇器的應(yīng)用場景是什么订咸？ ? ? ?選擇某個元素近一級的子元素（親兒子）?
子代選擇器只能套兩層
并集選擇器（豎著寫）
并集選擇器的應(yīng)用場景是什么？ ? ? ? ? ?? 集體聲明 —— 選擇多組標(biāo)簽酬诀，同時設(shè)置相同的樣式?
鏈接偽類選擇器
用單冒號“：”分割
.屬性(空格）.屬性（空格）：hover
focus 偽類選擇器（搭配表單獲得焦點/光標(biāo)的狀態(tài)）
如 input:focus{? color width)
交集選擇器
寫法：.標(biāo)簽名.類名{ ? }
元素的顯示模式
1 塊元素 block
2 行內(nèi)元素 inline
3 行內(nèi)塊元素
塊元素特點：
1 自己獨占一行脏嚷；
2 可以設(shè)高、寬瞒御、外邊距父叙、內(nèi)邊距都可控制；
3 寬默認是容器（父級寬度）的100%
4 是一個容器及盒子肴裙，里面可以放行內(nèi)或塊級元素
*文字類元素不能使用塊元素
行內(nèi)元素特點：
1 相鄰的行內(nèi)元素在一行上趾唱，可以顯示同一行；
2 寬蜻懦、高直接設(shè)置是無效的甜癞；
3 默認的寬度就是它本身的內(nèi)容的寬度；
4 只能容納文本或其他行內(nèi)元素宛乃。
*<a>里面可放塊級元素
行內(nèi)塊元素：
1 一行可以有多個悠咱，中間會有空白空襲蒸辆；
2 默認的寬度就是本身內(nèi)容的寬度；
3 寬乔煞、高可設(shè)置
<img>? <input> <td>
顯示模式的轉(zhuǎn)換 (display)
display: block 轉(zhuǎn)換為塊元素?
display: inline-block 轉(zhuǎn)換為行內(nèi)塊元素
?display: inline 轉(zhuǎn)化為行內(nèi)元素（使用較少）
*在寫 CSS 時吁朦，記住把 display 轉(zhuǎn)換顯示模式的設(shè)置寫在第一行柒室。
單行文字垂直居中?
將 line-height 設(shè)置為盒子的高度渡贾。
背景顏色 (background-image)
一般情況下元素的背景顏色是什么？ ? ? ? ? ? ? transparent 透明的
背景圖片的應(yīng)用場景是什么雄右？ ? ? ? ? ? ? ? ? ? ? ?? 1. logo 2. 裝飾圖片 3. 超大圖片 4. 精靈圖（雪碧圖）?
背景圖片的語法是什么空骚？ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? background-image: none | url(url);
指定背景圖片的 url 時需要引號嗎？ ? ? ? ? ? ? ?? 不需要擂仍、不需要囤屹、不需要
背景平鋪 （background-repeat)
repeat ? ? ? ? 默認，水平垂直平鋪
no-repeat ? ? 不平鋪
repeat-x ? ? ? ? 橫向平鋪
repeat-y ? ? ? ?? 縱向平鋪
背景位置-方位名詞 （background-position)
background-position ：x? y;
水平方向： left / right / center?
垂直方向： top / bottom / center?
如何讓背景圖片水平垂直居中逢渔？ ? ? ? ?? background-position: center;
背景位置-精確單位?
1.使用精確坐標(biāo)指定背景圖片有順序要求嗎肋坚？
有?
第一個值一定是 x / 第二個值一定是 y?
2.如果只指定了一個值，是哪個方向的值肃廓？另一個方向呢智厌？?
x 方向的 ? 垂直方向居中顯示
背景位置-混合單位?
如果兩個值是精確點位和方位名詞混合使用，則第一個值是x盲赊，第二個值是y铣鹏。
背景固定? background-attachment
scroll ? ?? 背景圖像是隨對象內(nèi)容滾動（默認）
fixed ? ?? 背景圖象固定
背景顏色半透明?
1.background-color 能夠設(shè)置背景顏色半透明嗎？為什么哀蘑？
可以诚卸， background: rgba(0, 0, 0, 0.3); 本質(zhì)上就是在設(shè)置背景顏色。
2.rgba 中的 alpha 取值范圍是多少绘迁？
取值范圍： 0 ~ 1 0 完全透明 / 1 完全不透明
