色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css并集選擇器書寫規(guī)范,css中特殊字符設置

老白2年前37瀏覽0評論

css并集選擇器書寫規(guī)范,css中特殊字符設置?

CSS中的特殊符號????

1.如div{...}會給所有的<div></div>增加樣式。

2.名前井號“#”:對應html中的標簽的id屬性,寫法為#name。如#p1{...}會給<p id="p1">ID is p1</p>增加樣式。

3.名前小數(shù)點“.”:對應html中標簽的class屬性,?法寫?為.name。如.p2{...}會給<p class="p2">CLASS is p2</p>增加樣式。

4.中間空格“ ”:?系關?到html標?的簽?層次,?法寫?為css css[ css[... css]],可以設多?。層?如DIV #p1 .span1{...}

則會給<div><p id="p1"><span class="span1"></span></p></div>中最內部的span1增加樣式。

這樣寫的CSS必須?格嚴?遵守CSS與HTML標簽層?,次?以下情況不?被會?這條CSS所應用:

<span class="span1"></span>

<p id="p1"><span class="span1"></span></p>

<div><span class="span1"></span></div>

5.中?逗間?號“,” :表?并示?列關系,即該CSS有多個名稱(可以?簡精?重復的CSS樣式)

如body,form,div{...}會為?有所?的<body></body>、<form></form>、<div></div>增?樣加?式

6.名后冒號“:”:一般是?狀指?態(tài)

如a:hover表示當鼠標?停懸?在a標簽上時使?的用?樣式

7.style中?代點?表類class,#代表id,也?以可?注釋

h1代表html中?元的?素

tr.hr代表元素的?元子?素

css并集選擇器書寫規(guī)范,css中特殊字符設置

css3的transition是直接寫在選擇器上?

寫在哪里是要分情況的,是要看你想要實現(xiàn)什么效果。

1)如果寫在選擇器,如果是寫的rotate等事件,則直接執(zhí)行事件,如果寫的是transtion:all ease 0.5s,那么他在你鼠標移入以及鼠標移出的時候都會發(fā)揮作用。

2)寫在hover上,那么他只會在鼠標移入的時候才執(zhí)行你自己定義的transtion動作,移出沒有效果;

交集選擇器的語法格式?

第一種格式類似于:

h1.center {color:red; text-align:center;}

這種格式由標簽選擇器和類選擇器組成。

第二種格式類似于:

h1#center {color:red; text-align:center;}

這種格式由標簽選擇器和id選擇器組成。

css設計器怎么用?

1、首先打開DreamweaverCC2018軟件新建一個html文件,在右上角點擊CSS設計器,并在下方點擊加號,然后選擇創(chuàng)建新的CSS文件:

2、在創(chuàng)建窗口中,點擊瀏覽按鈕。

3、然后選擇站點創(chuàng)建好CSS文件夾,然后輸入創(chuàng)建的CSS的名字,點擊保存插件文件:

4、然后把添加為設置成鏈接,點擊確定按鈕:

5、添加完成后就可以在右側的站點中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了:

6、此時在html文件中的head標簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈接的樣式表:

7、接下來在html網頁編輯頁面,在body標簽中輸入一個div:

8、然后在頂部tab標簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:

9、最后回到html編輯頁面,在div標簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網頁:

10、最后點擊頂部的設計按鈕,就可以看到實時效果了,此時css文件就成功鏈接進去了: