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代表元素的?元子?素
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文件就成功鏈接進去了: