一，css存放位置
行內標籤（不利於維護，耦合度高， 讓**變的非常臃腫）
我是乙個p標籤
我是乙個段落標籤
寫在標籤內部的屬性 是html屬性
寫在style標籤內的的 是css屬性
外部樣式（開發常用，利於檢視標籤的樣式）
rel : 宣告文件型別：層疊樣式表（css）
css層疊樣式表：下面相同的屬性會覆蓋上面的屬性，優先順序高的覆蓋優先順序低的；
二，css選擇器
標籤選擇器
>
pstyle
>
>
我是p標籤p
>
>
#p1style
>
..."p1"
>
我是p標籤p
>
>
.p1.p2
.p3style
>
...class
="p1 p2"
>
我是p標籤p
>
class
="p1 p2"
>
我是p標籤p
>
>
*style
>
總結：1. 三種樣式的優先順序：行內樣式》外部樣式=內部樣式（內外部樣式優先順序相同，能相互覆蓋）
2. 選擇器優先順序：id選擇器》類名選擇器》tag(標籤)選擇器》全選擇器
3. 優先順序高的選擇器裡的樣式，會覆蓋優先順序低的選擇器裡的相同的樣式！(剩下的繼承下來)
4. 若乙個標籤有多個類名，處在後面的類名裡的樣式會覆蓋與前面類名相同的樣式
選擇器命名規則：
1. 見名知意 看到名字就知道這個標籤的作用；
2. 不能用拼音，中文，也不能數字開頭，也不要用特殊符號
3. 建議英文小寫開頭
4. -連詞符號(_不建議使用)，第二個英文單詞開頭大寫，searchbar：駝峰命名
5. 不能命名帶有廣告等英文的單詞，如：ad，adv，adver，advertising，防止被過濾
後代選擇器（作用於兒子，孫子，真孫…）
>
p span
body span
.p1 span
.p1 #span p1
style
>
...>
我是p標籤 >
我是span標籤span
>
p>
class
="p1"
>
我是p標籤>
我是span標籤span
>
p>
>
我是p標籤p
>
>
我是span標籤span
>
>
p>span
body>span
#p1>span
style
>
>
我是p標籤 >
我是span標籤span
>
p>
"p1"
>
我是p標籤>
我是span標籤span
>
p>
>
我是p標籤p
>
>
我是span標籤span
>
鄰居選擇器
>
p + span
style
>
>
我是p標籤 >
我是span標籤span
>
p>
>
我是p標籤p
>
>
我是p標籤p
>
>
我是span標籤span
>
>
我是p標籤p
>
>
p ~ span
.p1 ~ span.span1
style
>
>
我是p標籤 >
我是span標籤span
>
p>
>
我是p標籤p
>
>
我是p標籤p
>
>
我是span標籤span
>
>
我是p標籤p
>
>
我是span標籤span
>
>
p,span
style
>
>
我是p標籤 >
我是span標籤span
>
p>
>
我是p標籤p
>
>
我是p標籤p
>
>
我是span標籤span
>
>
我是p標籤p
>
>
我是span標籤span
>
web前端面試2（css）
1 css sprite 精靈圖，雪花圖 將多個拼接到乙個中，通過background position和元素尺寸調節背景圖 優點 減少http請求次數，提高載入速度，修改方便，只要在一張上修改顏色或者深淺。缺點 需要修改大小時，或者調整時，需要全域性考慮。2.display none和visibi...
前端基礎 2 CSS
選擇器 注釋用 這裡是注釋 在html標籤中用style屬性值設定 key value1，value2.key value1，value2.我是內容 在html 的head標籤中用style標籤來定義css樣式 要用到選擇器,這裡先用標籤選擇器 把css樣式寫成單獨的css檔案 要用到選擇器 再在h...
前端基礎（2）css
1.浮動高度坍塌 原因 父元素的高度是被子元素撐開的，當設定浮動後，會脫離文件流，子元素無法撐起父元素，所以導致高度坍塌 解決方法 clearfix before,clearfix after 2.父子兄弟聯動 解決方法1 padding 解決方法2 float 但是有條件 解決方法3 positi...