css3場景較為復(fù)制的選擇器,css的四種引用的方式?
CSS有四種引入方式:1、使用“<link href="css文件地址">”引入css樣式;2、使用“@import"css文件地址"”引入css樣式;3、在style標(biāo)簽里寫css樣式;4、在元素標(biāo)簽里使用style屬性寫css樣式。
(1)鏈接式 : 在網(wǎng)頁的<head></head>標(biāo)簽對中使用<link>標(biāo)記來引入外部樣式表文件,使用html規(guī)則引入外部css (用得比較多) :
(2)導(dǎo)入式 : 將一個獨(dú)立的.css文件引入HTML文件中,導(dǎo)入式使用CSS規(guī)則引入外部CSS文件。
(3)內(nèi)聯(lián)css文件,直接在header 里面寫css。
(4) 直接在標(biāo)簽里面寫樣式
和css中的選擇器有什么區(qū)別?
這個是有區(qū)別的。
1、首先說兩者是屬于不同的兩門語言,jquery是屬于js的一個框架,則其選擇器是js里面的選擇器,css是另一門不同于js的語言,其選擇器是css選擇器,則兩者在根本上是不同的。
2、但是兩者是有交集的,都是作為網(wǎng)頁或者瀏覽器解析的語言,而js可以通過修改瀏覽器的dom對象來實(shí)現(xiàn)對css修改或者是控制。
3、可以簡單的這樣區(qū)分兩者,css選擇器用語css當(dāng)中,js選擇器應(yīng)用于js當(dāng)中,只不過有時(shí)兩者使用相同的id標(biāo)識來選擇對象。
用什么表示子代選擇器?
CSS3中的關(guān)系選擇器主要包括子代選擇器和兄弟選擇器,其中子代選擇器由符號連接,兄弟選擇器由符號“+”和“~”連接,具體如下所示。
(1)關(guān)系選擇器
例如: h1>strong
說明:表示選擇嵌套在h1標(biāo)記的子標(biāo)記strong。
(2)臨近兄弟選擇器
例如: h2+p
說明:表示選擇h2標(biāo)記后緊鄰的第一個兄弟標(biāo)記p。
(3)普通兄弟選擇器
例如:p~h2
說明:表示選擇p標(biāo)記所有的h2兄弟標(biāo)記
表示樣式類選擇器的代碼是?
1:標(biāo)簽選擇器
標(biāo)簽選擇器,是所有帶有某種標(biāo)簽的都生效。這里以p為例,也就是所有的帶有p標(biāo)記的都會這樣的樣式
復(fù)制代碼代碼如下:
<html><head><styletype="text/css">p{font:"宋體"; color:#FF0000}</style></head><body><pid="p1">我現(xiàn)在表現(xiàn)的是標(biāo)簽選擇器</p><pid="p2">我也用的是標(biāo)簽選擇器</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
2:id選擇器,注意id選擇器是唯一的,因?yàn)橹挥衖d="yy"的才有這種樣式,而一個頁面里元素的Id必須是唯一的,所以。。。你懂得id選擇器以#開頭用法是:id=""
復(fù)制代碼
代碼如下:
<html><head><styletype="text/css">#yy{font:"宋體"; color:#FF0000}</style></head><body><pid="yy">我現(xiàn)在表現(xiàn)的是id選擇器</p><pid="p">我沒有被id選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
3:類選擇器,類選擇器以.開頭 只要把元素的class="" 就能表現(xiàn)為這種樣式了用法是:class=""
復(fù)制代碼
代碼如下:
<html><head><styletype="text/css">.yy{font:"宋體"; color:#FF0000}</style></head><body><pclass="yy">我現(xiàn)在表現(xiàn)的是類選擇器</p><pclass="yy">我沒有被類選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>