基礎(chǔ)選擇器css,熟練掌握并默寫標(biāo)記選擇器的基本語法?
1.標(biāo)記選擇器主要應(yīng)用在HTML頁中的標(biāo)記樣式選擇。如P選擇器就用于聲明網(wǎng)頁中有P標(biāo)記的文本內(nèi)容,同理,H1選擇器則可以標(biāo)記頁面中H1的樣式。例如: H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應(yīng)用H1選擇器的地方,將文字的大小設(shè)為14像素并加粗,同時將顏色設(shè)為灰色,如果要改變H1的顏色,只需將color屬性更改就可以了,比如將color設(shè)為#e7eefe來與網(wǎng)頁的其他地方協(xié)調(diào)。 2.類別選擇器 這是一類最常用的選擇器,用它來定義網(wǎng)頁中需要特殊表現(xiàn)的樣式,類別選擇器的名稱可以由作者自由定義,一般來講類別選擇器的命名最好有一定的意義,使CSS代碼更易維護(hù)和閱讀。例如定義導(dǎo)航就可以使用.daohang{}或者是.nav{},不要使用簡略或者特殊的字符串,否則可能三天后當(dāng)你再讀你的CSS代碼時,就連你自己都搞不清一個樣式到底是做什么用的! 類別選擇器就是CSS類,在HTML表現(xiàn)為調(diào)用的class。例如: (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定義中,p標(biāo)簽將引用CSS文件中的title樣式應(yīng)用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px,上下padding為2px,左右padding為5px的矩形。 請注意類別選擇器CSS定義和標(biāo)記選擇器的區(qū)別:在CSS文件中,標(biāo)記選擇器前邊沒有"."號,下面我們還會講到ID選擇器,它的定義也不一樣,每個ID選擇器樣式前有一個"#"號,以確定其為ID選擇器,而在HTML中則用ID="style"引用。值得注意的是,一個標(biāo)簽可以同時應(yīng)用多個class選擇器,如,具體大家可以在下邊思考并做下實驗,筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區(qū)別,他們的不同之處就在于ID選擇器只能在HTML頁中使用一次,而class則可以任意多次調(diào)用,在CSS文件中,ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個ID應(yīng)用于多個HTML標(biāo)記,則有可能造成IE編譯錯誤,并且由于ID選擇器可以被JAVASCRIPT等調(diào)用,所以多個ID會導(dǎo)致JAVA編譯錯誤并崩潰! (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示: 并且ID選擇器不能像類別選擇器那樣同時被一個標(biāo)簽調(diào)用。這也是完全錯誤的語法。 復(fù)合選擇器就是基本選擇器通過不同的鏈接方式構(gòu)成的。 復(fù)合選擇器就是兩個或多個基本選擇器,通過不同方式鏈接而成的選擇器。css元素的排列規(guī)則主要分為?
1、代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。
2、代表ID選擇器,如:#content,權(quán)值為100。
3、代表類,偽類和屬性選擇器,如.content,權(quán)值為10。
4、代表類型(元素)選擇器和偽元素選擇器,如div p,權(quán)值為1。 按照CSS代碼的執(zhí)行先后順序。如果有重復(fù)的規(guī)則,按照后執(zhí)行的定義。最終規(guī)則是多個定義規(guī)則的綜合。重點:高級規(guī)則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規(guī)則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學(xué)。
input標(biāo)簽中type怎么用css選擇?
可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標(biāo)簽。
1、新建html文檔,添加5個input標(biāo)簽,其中第一個和最后一個“type”屬性的屬性值為“text”:
2、在head標(biāo)簽和body標(biāo)簽之間添加style標(biāo)簽,添加代碼“input[type=text]”,“input”指的是標(biāo)簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標(biāo)簽選中:
3、為被選擇的標(biāo)簽設(shè)置背景色為紅色,這時屬性值為“text”的第一個標(biāo)簽和最后一個標(biāo)簽背景色都變成了紅色:
在CSS里在每個標(biāo)記前加?
#是一種 CSS 標(biāo)記選擇器~~~ 它是針對網(wǎng)頁中某個標(biāo)簽的 id 值而應(yīng)用樣式的~~比如頁面中有:
那么,要為這個 div 標(biāo)簽應(yīng)用樣式,就需要在CSS中寫:#hello{ font-size:14px; /* 再添加其它的樣式 */}