第1章 css和文檔
1,元素:替換元素(img input),非替換元素(大多數(shù)span)。
2,link:rel(代表關(guān)系:stylesheet,候選樣式表:alternate stylesheet);type(text/css);media:(all(所有表現(xiàn)媒體, screen,print),title(配合候選使用)。
3,@import url(sheet1.css) 需在style內(nèi)使用,放在其他css規(guī)則之前。
4,向后可訪問(wèn)性:<style><!-- 樣式 --></style>,這樣較老瀏覽器會(huì)將style忽略,能理解css的瀏覽器能正常讀取樣式表。
5,css注釋:/* */。
第2章 選擇器
1,對(duì)聲明分組時(shí),一定要在各個(gè)聲明的最后使用分號(hào)。
2,p.warming.help {background:red;} 只匹配class包含warming和help的p元素,如果p包含warming和其他的則不能匹配。
3,實(shí)際上,瀏覽器并不檢查html中id的唯一性,但這會(huì)導(dǎo)致編寫(xiě)dom更困難。
4,屬性選擇器:h1[class] {...}
h1[class=''] {...}完全匹配
h1[class~=''] {...}部分匹配 [class^='']以什么開(kāi)頭 [class$='']以什么結(jié)尾 [class*='']包含什么的所有元素
*[lang|='en']特定屬性選擇器,會(huì)選擇lang屬性等于en或以en-開(kāi)頭的所有元素。
5,選擇子元素:h1>strong;選擇相鄰兄弟元素h1+p(h1和p有共同父元素,最終選擇p)。
6,鏈接偽類:未訪問(wèn)鏈接:link,訪問(wèn)過(guò)鏈接:visited(它們都是靜態(tài)的),等同于<body link='' vlink=''>。
動(dòng)態(tài)偽類:焦點(diǎn):focus,鼠標(biāo)停留:hover,激活:active。(動(dòng)態(tài)偽類可以用于任何元素)
建議偽類順序:link-visited-focus-hover-active。
選擇第一個(gè)子元素(:first-child),很容易誤解,是所有第一個(gè)子元素(在下面例子中,作為第一個(gè)子元素的元素包括第一個(gè)p,第一個(gè)li和strong及em)。
- 綠毒越獄軟件 完美越獄4.21教程12-21
- htcg15怎么刷機(jī)?htcg15刷機(jī)教程12-21
- HTC hd7刷安卓2.2全教程12-21
- mpkg軟件下載和卸載的方法12-21
- 最牛同桌!我考了696分我同桌考了703分
- 650分!高二女生考入北大:遺憾不能上高三
- 男生估分600只考了397 媽媽:高考雖重要,但不
- 唐尚珺回應(yīng)是否會(huì)直播帶貨:有人出100萬(wàn)想和
- 名校搶人名場(chǎng)面:清華、北大太拼了!
- 男生高考語(yǔ)文滿分!網(wǎng)友:第一次聽(tīng)說(shuō)
- 第16次參加高考!唐尚珺今年成績(jī)超600分
- 語(yǔ)文145分學(xué)霸筆記公開(kāi)字跡清秀:多閱讀,該背
- 數(shù)學(xué)滿分!四川綿陽(yáng)一男生高考710分 理綜僅扣
- 阿里全球數(shù)學(xué)競(jìng)賽選手:決賽專業(yè)性太強(qiáng),6道題