1、 css選擇器demo,css3中偽類選擇器由什么組成?
w3c規(guī)范中偽類有:
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類,但是只在對標(biāo)簽上的支持最好。
【css2】的有3個(gè)
focus : 如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child:必須聲明<!doctype>才能夠確保在ie中正常支持
lang:如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
2、 css如何設(shè)置網(wǎng)頁鏈接?
1. 打開文檔,然后打開“CSS樣式”面板。
2. 在“CSS樣式”面板中,點(diǎn)擊右下角的“新建 CSS 規(guī)則”按鈕,打開“新建 CSS 規(guī)則”對話框。
在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項(xiàng)。
在“選擇器名稱”中點(diǎn)擊右邊的下拉箭頭,我們可以看到:
a:link:未訪問的超鏈接。
a:visited:已經(jīng)訪問過的超鏈接。
a:hover:鼠標(biāo)指針移動(dòng)到上面時(shí)的超鏈接。
a:active:正在訪問的超鏈接。
3. 在“選擇器名稱”中選擇“a:link”項(xiàng),然后點(diǎn)擊“確定”按鈕,打開“CSS 規(guī)則定義”對話框。
4. 在“CSS 規(guī)則定義”對話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設(shè)置鏈接字體的顏色、大小和修飾等。
5. 設(shè)置好以后單擊“確定”按鈕,完成“a:link”項(xiàng)的設(shè)置。
3、 css調(diào)試工具?
css說是調(diào)試工具其實(shí)只是一段 Javascript 代碼,但非常實(shí)用,它會(huì)給頁面里所有的 DOM 元素添加一個(gè) 1px 的描邊(outline),方便我們在調(diào)試 CSS 過程中分析、排查問題。
先來看看代碼,它有兩個(gè)版本,一個(gè)是使用的$$選擇器,代碼量更少(瀏覽器控制臺(tái)支持 $$ 選擇器);另一種就是傳統(tǒng)的document.querySelectorAll選擇器:
4、 標(biāo)簽選擇器有哪些?
1. 標(biāo)簽名選擇器 div { color:Red;} /即頁面中的各個(gè)標(biāo)簽名的css樣式
2.類選擇器 .divClass {color:Red;} /即定義的每個(gè)標(biāo)簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} /即頁面中的標(biāo)簽的id
4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} /即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽
5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標(biāo)簽分組顯示