css樣式中最常用的四個(gè)偽類選擇器,如何評(píng)價(jià)CSS框架TailwindCSS?
我目前正在用tailwind,剛從bootstrap轉(zhuǎn)過來的時(shí)候各種不習(xí)慣,現(xiàn)在也還好吧,tailwind給我的感覺就是自由程度高,你可以隨便建立一個(gè)自己的組合,而bootstrap是現(xiàn)成的,例如row,tailwind要自己建個(gè)class row 然后apply flexwrap py-4等,但不方便的是建立某些component就比較麻煩,例如booostrap有現(xiàn)成的tab,carousel等,而tailwind就自己建,不過我現(xiàn)在用vue+tailwind,就舒適很多了,幾乎很少特意去寫新的style,直接套用tailwind,只是現(xiàn)在還有很多名稱記不住
css第二個(gè)等級(jí)?
css可以使用偽類 :nth-child() 選擇子元素,:nth-child()從1開始計(jì)數(shù),所以第二個(gè)子元素就是:nth-child(2)
兩個(gè)選擇器之間加 空格(后代選擇器) 代表后面的選擇器是前面的后代(子代,孫代.....)
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í)候,高級(jí)就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標(biāo)簽就只能是HTML語言里制定的那些標(biāo)記,不能自己定義。css的四種使用方式?
CSS的四種使用方式:
1、鏈接外部樣式文件
2、導(dǎo)入外部樣式
3、使用內(nèi)部樣式定義
4、使用行內(nèi)樣式
1.鏈接外部樣式表,就是把樣式表保存為一個(gè)樣式表文件,然后在頁面中用<link rel="stylesheet" type="text/css" href="*.css">鏈接這個(gè)樣式表文件.
2.內(nèi)部樣式表,就是把樣式表放到頁面的<head>區(qū)里.
3.導(dǎo)入外部樣式表,用@import,在<head>與</head><style type="text/css">
<!--
@import "*.css"
-->
</style>
4.內(nèi)嵌樣式,就是在標(biāo)簽內(nèi)寫入style="",比如:<td style="border-left:#cccccc">.