div居中可以用外邊距margin屬性來實現(xiàn)。1、新建html文檔,在body標(biāo)簽中添加div標(biāo)簽,標(biāo)簽的id為“header”,這時因為div標(biāo)簽中沒有內(nèi)容且沒有設(shè)置樣式,所以網(wǎng)頁中顯示空白:2、這時為div標(biāo)簽設(shè)置原題中的css樣式,此時雖然div盒子顯示了,但是沒有居中:3、此時為div添加一個“margin: 0 auto”屬性就會居中顯示,“margin”指的是div標(biāo)簽的外邊距,“0”指的是div標(biāo)簽上下的外邊距,“auto”指的是div標(biāo)簽左右的外邊距,并且會根據(jù)瀏覽器窗口大小自動居中,這時就是完整的html和css代碼。
CSS中的特殊符號????
1.如div{...}會給所有的<div></div>增加樣式。
2.名前井號“#”:對應(yīng)html中的標(biāo)簽的id屬性,寫法為#name。如#p1{...}會給<p id="p1">ID is p1</p>增加樣式。
3.名前小數(shù)點“.”:對應(yīng)html中標(biāo)簽的class屬性,?法寫?為.name。如.p2{...}會給<p class="p2">CLASS is p2</p>增加樣式。
4.中間空格“ ”:?系關(guān)?到html標(biāo)?的簽?層次,?法寫?為css css[ css[... css]],可以設(shè)多?。層?如DIV #p1 .span1{...}
則會給<div><p id="p1"><span class="span1"></span></p></div>中最內(nèi)部的span1增加樣式。
這樣寫的CSS必須?格嚴(yán)?遵守CSS與HTML標(biāo)簽層?,次?以下情況不?被會?這條CSS所應(yīng)用:
<span class="span1"></span>
<p id="p1"><span class="span1"></span></p>
<div><span class="span1"></span></div>
5.中?逗間?號“,” :表?并示?列關(guān)系,即該CSS有多個名稱(可以?簡精?重復(fù)的CSS樣式)
如body,form,div{...}會為?有所?的<body></body>、<form></form>、<div></div>增?樣加?式
6.名后冒號“:”:一般是?狀指?態(tài)
如a:hover表示當(dāng)鼠標(biāo)?停懸?在a標(biāo)簽上時使?的用?樣式
7.style中?代點?表類class,#代表id,也?以可?注釋
h1代表html中?元的?素
tr.hr代表元素的?元子?素
html表單中for 用戶表單的標(biāo)簽上,屬性值為需要關(guān)聯(lián)的輸入框id。
<input text="radio" name="gender" id="gender_1" value="男" /><label for="gender_1">男</label>
<input text="radio" name="gender" id="gender_2" value="女" /><label for="gender_2">女</label>
此時,你點擊后面的 男 or 女,就會選中前面的單選鈕。
對非隱藏的表單均有效果。
也就是說 html中 for屬性的作用是關(guān)聯(lián)的作用,一般是和表單中某個控件的id屬性一直,表示關(guān)聯(lián)此控件