css3選擇器說明書,css規(guī)則定義有哪些選擇符?
css選擇符(選擇器)有以下這些:
1、通配選擇符( * ):匹配任意元素。
2、id選擇符( # myid):匹配 ID 等于“myid”的任意元素 。
3、類選擇符(.myclassname):匹配 class 等于“myclassname”的任意元素.
4、標(biāo)簽選擇符(div, h1, p):選擇指定元素名稱的所有元素。
5、相鄰選擇符(E + F):用于選擇(不是內(nèi)部)指定的第一個(gè)元素之后緊跟的元素。
6、子選擇符(E > F):用于選取帶有特定父元素的元素,例ul > li,選擇所有父級是 <ul> 元素的每個(gè) <li> 元素。(學(xué)習(xí)視頻分享:css視頻教程)
7、后代選擇符(E F):用于選取元素內(nèi)部的元素。
8、偽類和偽元素選擇符:用于向某些選擇器添加特殊的效果。
dw中怎么定義新css?
1、在dreamweaver cc中可以直接創(chuàng)建css文件,或在內(nèi)面內(nèi)手寫輸入css代碼定義規(guī)則等等。
2、如果要使用可視化css編輯,可以使用css設(shè)計(jì)器,在默認(rèn)的界面下,在軟件窗口右側(cè)的活動窗口內(nèi)就可以找到css設(shè)計(jì)器。
例如:新建一個(gè)html文件,點(diǎn)擊css設(shè)計(jì)器的“源”窗口的“+”號,選擇創(chuàng)建css的方式,包括:新建css;附件已有的css或在頁面內(nèi)創(chuàng)建css樣式。
3、點(diǎn)擊“選擇器“窗口的”+“號,選擇body,可以看到下面的”屬性“窗口內(nèi)顯示出可以編輯的屬性列表,鼠標(biāo)點(diǎn)擊相應(yīng)的屬性就可以選擇或填寫數(shù)值進(jìn)行編輯了,在編輯的時(shí)候在”設(shè)計(jì)“窗口會顯示樣式的變化。
4、最后如果是新建的css文件,保存路徑要正確。
css三種選擇器的特點(diǎn)?
css選擇器的類型分為3類:標(biāo)記選擇器、類別選擇器和ID選擇器。
(可能名稱有不同的說法,但意思都是一樣的) 標(biāo)記選擇器是利用HTML的標(biāo)記直接定義標(biāo)記內(nèi)容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時(shí)候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時(shí)候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時(shí)候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標(biāo)簽就只能是HTML語言里制定的那些標(biāo)記,不能自己定義。是什么選擇器?
head img 選擇器:就是指定CSS要作用的標(biāo)簽,那個(gè)標(biāo)簽的名稱就是選擇器。意為:選擇哪個(gè)容器。
CSS的選擇器分為兩大類:基本選擇題和擴(kuò)展選擇器。
基本選擇器:
標(biāo)簽選擇器:針對一類標(biāo)簽ID選擇器:針對某一個(gè)特定的標(biāo)簽使用
類選擇器:針對你想要的所有標(biāo)簽使用
通用選擇器(通配符):針對所有的標(biāo)簽都適用(不建議使用)