1、 css選擇器類型優(yōu)先級,css外鏈式與內(nèi)嵌式優(yōu)先級?
從CSS 樣式代碼插入的形式來看基本可以分為以下3種:內(nèi)聯(lián)式、嵌入式和外部式三種。
1:內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標簽中,如下面代碼:
<p style="color:red";font-size:12px>這里文字是紅色。</p>2:嵌入式,嵌入式css樣式,就是可以把css樣式代碼寫在 <style type="text/css">XXX</style>標簽之間。
3:外部式css樣式,寫在單獨的一個文件中.
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名,在<head>內(nèi)(不是在<style>標簽內(nèi))使用<link>標簽將css樣式文件鏈接到HTML文件內(nèi),如下面代碼:
<link href="base.css" rel="stylesheet" type="text/css" />
優(yōu)先級: 內(nèi)聯(lián)式 > 嵌入式 > 外部式,但是 嵌入式> 外部式有一個前提:嵌入式css樣式的位置一定在外部式的后面。
其實總結(jié)來說,就是--就近原則(離被設置元素越近優(yōu)先級別越高)。
2、 css中選擇器是什么意思?
要使用css對HTML頁面中的元素實現(xiàn)一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進行控制的。
每一條css樣式定義由兩部分組成,形式如下:[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網(wǎng)頁中的哪些元素。
3、 css3新增功能?
1、css3新增的超級選擇器:屬性選擇器、結(jié)構(gòu)性偽類選擇器、UI元素狀態(tài)偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項目編號等內(nèi)容
3、文字陰影與自動換行
4、各類盒模型:總體分為block類型和in line類型,在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型
5、盒模型相關的屬性:overflow屬性(內(nèi)容溢出)、box-shadow屬性(盒陰影)、box-sizing屬性(寬高計算)
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式:border-radius屬性(圓角邊框)、border-image屬性(圖片邊框)
8、新增的 transform變形功能:rotate(旋轉(zhuǎn))、scale(縮放)、skew(傾斜)、translate(移動)
9、新增的動畫功能:transition(平滑過渡)、animation(關鍵幀)
10、布局相關樣式:多欄布局、盒布局、彈性盒布局
11、兼容性問題
4、 css怎么設置class的優(yōu)先級?
樣式權(quán)值設定
1. 內(nèi)聯(lián)樣式表的權(quán)值最高 1000;
2. ID 選擇器的權(quán)值為 100
3. Class 類選擇器的權(quán)值為 10
4. HTML 標簽選擇器的權(quán)值為 1
5 繼承樣式的權(quán)值為0.1
舉例
< class a>
< class b>
<class c >
直接用 .c(類)選擇器 它的權(quán)值只有10 ,
用 .a .b .c來選擇,則它的權(quán)值為10+10+10。