css選擇器的種類介紹,css的類選擇器用什么屬性引用?
用于來定義一類可以在同一個頁面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動),或者自己定義的用于新聞列表的樣式,詳細(xì)的寫好鏈接、列表、邊框以及背景等屬性,有些人還會習(xí)慣把一些常用的屬性作為一個類。
表示樣式類選擇器的代碼是?
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>
css分成哪三類?
CSS樣式分為:內(nèi)聯(lián)式css樣式、嵌入式css樣式、外部式css樣式。
對CSS三種樣式定義及其實(shí)例:
內(nèi)聯(lián)式css樣式。
內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中,如下面代碼:
1 <p style="color:red">這里文字是紅色。</p> css樣式代碼要寫在style=""雙引號中,如果有多條css樣式代碼設(shè)置可以寫在一起,中間用分號隔開(英文狀態(tài)下;)。嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式代碼寫在標(biāo)簽之間。如下面代碼實(shí)現(xiàn)把三個標(biāo)簽中的文字設(shè)置為紅色:
1 <style type="text/css">span{color:red;}</style>
嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個單獨(dú)的外部文件中,這個css樣式文件以“.css”為擴(kuò)展名(也可以為調(diào)用其他網(wǎng)站CSS)。
1 <link href="style.css" rel="stylesheet" type="text/css" />
注意事項: 1、css樣式文件名稱以有意義的英文字母命名,如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。 3、標(biāo)簽位置一般寫在標(biāo)簽之內(nèi)。
偽類選擇器hover的使用?
定義和用法:hover 選擇器用于選擇鼠標(biāo)指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設(shè)置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設(shè)置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:
請把鼠標(biāo)指針移動到這些鏈接上。
這個鏈接改變顏色。
這個鏈接改變字體大小。
這個鏈接改變背景色。
這個鏈接改變字體。
這個鏈接會出現(xiàn)下劃線。