css并集選擇器書寫規(guī)范,css中特殊字符設(shè)置?
CSS中的特殊符號(hào)????
1.如div{...}會(huì)給所有的<div></div>增加樣式。
2.名前井號(hào)“#”:對(duì)應(yīng)html中的標(biāo)簽的id屬性,寫法為#name。如#p1{...}會(huì)給<p id="p1">ID is p1</p>增加樣式。
3.名前小數(shù)點(diǎn)“.”:對(duì)應(yīng)html中標(biāo)簽的class屬性,?法寫?為.name。如.p2{...}會(huì)給<p class="p2">CLASS is p2</p>增加樣式。
4.中間空格“ ”:?系關(guān)?到html標(biāo)?的簽?層次,?法寫?為css css[ css[... css]],可以設(shè)多?。層?如DIV #p1 .span1{...}
則會(huì)給<div><p id="p1"><span class="span1"></span></p></div>中最內(nèi)部的span1增加樣式。
這樣寫的CSS必須?格嚴(yán)?遵守CSS與HTML標(biāo)簽層?,次?以下情況不?被會(huì)?這條CSS所應(yīng)用:
<span class="span1"></span>
<p id="p1"><span class="span1"></span></p>
<div><span class="span1"></span></div>
5.中?逗間?號(hào)“,” :表?并示?列關(guān)系,即該CSS有多個(gè)名稱(可以?簡(jiǎn)精?重復(fù)的CSS樣式)
如body,form,div{...}會(huì)為?有所?的<body></body>、<form></form>、<div></div>增?樣加?式
6.名后冒號(hào)“:”:一般是?狀指?態(tài)
如a:hover表示當(dāng)鼠標(biāo)?停懸?在a標(biāo)簽上時(shí)使?的用?樣式
7.style中?代點(diǎn)?表類class,#代表id,也?以可?注釋
h1代表html中?元的?素
tr.hr代表元素的?元子?素
css3的transition是直接寫在選擇器上?
寫在哪里是要分情況的,是要看你想要實(shí)現(xiàn)什么效果。
1)如果寫在選擇器,如果是寫的rotate等事件,則直接執(zhí)行事件,如果寫的是transtion:all ease 0.5s,那么他在你鼠標(biāo)移入以及鼠標(biāo)移出的時(shí)候都會(huì)發(fā)揮作用。
2)寫在hover上,那么他只會(huì)在鼠標(biāo)移入的時(shí)候才執(zhí)行你自己定義的transtion動(dòng)作,移出沒有效果;
交集選擇器的語(yǔ)法格式?
第一種格式類似于:
h1.center {color:red; text-align:center;}
這種格式由標(biāo)簽選擇器和類選擇器組成。
第二種格式類似于:
h1#center {color:red; text-align:center;}
這種格式由標(biāo)簽選擇器和id選擇器組成。
css設(shè)計(jì)器怎么用?
1、首先打開DreamweaverCC2018軟件新建一個(gè)html文件,在右上角點(diǎn)擊CSS設(shè)計(jì)器,并在下方點(diǎn)擊加號(hào),然后選擇創(chuàng)建新的CSS文件:
2、在創(chuàng)建窗口中,點(diǎn)擊瀏覽按鈕。
3、然后選擇站點(diǎn)創(chuàng)建好CSS文件夾,然后輸入創(chuàng)建的CSS的名字,點(diǎn)擊保存插件文件:
4、然后把添加為設(shè)置成鏈接,點(diǎn)擊確定按鈕:
5、添加完成后就可以在右側(cè)的站點(diǎn)中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了:
6、此時(shí)在html文件中的head標(biāo)簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標(biāo)簽中也可以看到鏈接的樣式表:
7、接下來在html網(wǎng)頁(yè)編輯頁(yè)面,在body標(biāo)簽中輸入一個(gè)div:
8、然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個(gè)樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:
9、最后回到html編輯頁(yè)面,在div標(biāo)簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網(wǎng)頁(yè):
10、最后點(diǎn)擊頂部的設(shè)計(jì)按鈕,就可以看到實(shí)時(shí)效果了,此時(shí)css文件就成功鏈接進(jìn)去了: