html標(biāo)簽選擇器用法(html selection標(biāo)簽)
1、HTML選擇器三者中優(yōu)先級(jí)最低的選擇器用于最基礎(chǔ)樣式的定義,比如定義頁面整體的字體給body定義font,鏈接的樣式給a定義顏色下劃線等屬性,列表項(xiàng)的符號(hào)樣式給li定義liststyle,段落的間距給p定義paddin。
2、1標(biāo)記選擇器主要應(yīng)用在HTML頁中的標(biāo)記樣式選擇如P選擇器就用于聲明網(wǎng)頁中有P標(biāo)記的文本內(nèi)容,同理,H1選擇器則可以標(biāo)記頁面中H1的樣式例如H1 fontsize14pxfontweightboldcolor#ccc以上代碼表示在所有。
3、標(biāo)簽名選擇器 1 類選擇器 10 id選擇器 100 后代選擇器 選擇器1 選擇器2 會(huì)有相加的過程群組選擇器 選擇器1,選擇器2, 不會(huì)有相加的過程注意1相同類型的選擇器 樣式?jīng)_突下 后覆蓋前 2不同類型。
4、1每個(gè)HTML標(biāo)簽都有一個(gè)屬性叫做class, 也就是說每個(gè)標(biāo)簽都可以設(shè)置類名 2在同一個(gè)界面中class的名稱是可以重復(fù)的,即多個(gè)標(biāo)簽設(shè)置同一個(gè)類名稱。
5、HTML5向Web API新引入了documentquerySelector以及documentquerySelectorAll兩個(gè)方法用來更方便地從DOM選取元素,功能類似于jQuery的選擇器這使得在編寫原生JavaScript代碼時(shí)方便了許多上述答案為var test1 = document。
6、nav linthchild2 a color #ff0000,這個(gè)能讓ltul class=#39nav#39標(biāo)簽里面的第二個(gè)li的a標(biāo)簽的顏色變?yōu)榧t色nthchild用倍數(shù)比較好用比如nthchild3n,只要是3的倍數(shù)的都會(huì)被選取3,6,9。
7、組合選擇器 偽類選擇器 2 標(biāo)簽選擇器 顧名思義,HTML中有許多標(biāo)簽,而標(biāo)簽選擇器就是用來給標(biāo)簽直接申明樣式的,簡單實(shí)用常用舉例pcolorred 只要是p標(biāo)簽,其P標(biāo)簽內(nèi)部的顏色,都是紅色如圖代碼 ltheadlt。
8、偽類選擇器包括link表示未訪問的鏈接 visited表示已訪問的鏈接 hover表示鼠標(biāo)懸停的鏈接 active表示選定的鏈接 在 CSS 定義中,ahover 必須被置于 alink 和 avisited 之后,才是有效的在 CSS 定義中,a。
9、具體應(yīng)用 后代選擇器的功能極其強(qiáng)大有了它,可以使 HTML 中不可能實(shí)現(xiàn)的任務(wù)成為可能假設(shè)有一個(gè)文檔,其中有一個(gè)邊欄,還有一個(gè)主區(qū)邊欄的背景為藍(lán)色,主區(qū)的背景為白色,這兩個(gè)區(qū)都包含鏈接列表不能把所有鏈接都。
10、第三種是ID選擇器,ID選擇器定義的是某一個(gè)特定的html元素,一個(gè)網(wǎng)頁中只有一個(gè)標(biāo)簽或元素使用某一ID的屬性值第四種是全局選擇器,全局選擇器就是對(duì)所有的htmlz元素起作用語法格式為 *properyvalue其中“*。
11、1標(biāo)簽選擇器 標(biāo)簽選擇器,是所有帶有某種標(biāo)簽的都生效這里以p為例,也就是所有的帶有p標(biāo)記的都會(huì)這樣的樣式 2id選擇器,注意id選擇器是唯一的,因?yàn)橹挥衖d=quotyyquot的才有這種樣式,而一個(gè)頁面里元素的Id必須是唯一的。
12、3ID選擇器 定義為HTML標(biāo)簽添加ID屬性,通過ID選擇器來為具有此ID的元素設(shè)置CSS規(guī)則 4群組選擇器 定義集體統(tǒng)一設(shè)置樣式 5全局選擇器 定義所有標(biāo)簽設(shè)置樣式 HTML文檔結(jié)構(gòu)圖 6后代選擇器 定義使用后代選擇器。
13、類選擇器 選擇器會(huì)選擇HTML文件中與選擇器內(nèi)容相匹配的元素添加相應(yīng)的樣式看代碼lt!DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle *標(biāo)簽選擇器* span color redfont。
14、使用類選擇器時(shí)候要在類名前加一個(gè) 點(diǎn)quotquot ,再接大括號(hào) 當(dāng)我們給test_1設(shè)置樣式時(shí),發(fā)現(xiàn)所有寫了class=quottest_1quot的標(biāo)簽都被添加了樣式,不管它是什么標(biāo)簽我們把test_1改成test_2,發(fā)現(xiàn)所有寫了class=quottest_2。
15、下面舉兩種用法供參考lt!DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle練習(xí)使用HTMLlttitle ltstyle *標(biāo)簽選擇器* h4 color blue textalign right。
16、最簡單的做法,給標(biāo)簽增加title屬性,并賦上要顯示的內(nèi)容,也就是添加title屬性即可代碼ltdiv title=quot全部內(nèi)容quot部分內(nèi)容ltdiv 注title 屬性常與 form 以及 a 元素一同使用,以提供關(guān)于輸入格式和鏈接目標(biāo)的信息。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。