div居中可以用外边距margin属性来实现。1、新建html文档，在body标签中添加div标签，标签的id为“header”，这时因为div标签中没有内容且没有设置样式，所以网页中显示空白：2、这时为div标签设置原题中的css样式，此时虽然div盒子显示了，但是没有居中：3、此时为div添加一个“margin: 0 auto”属性就会居中显示，“margin”指的是div标签的外边距，“0”指的是div标签上下的外边距，“auto”指的是div标签左右的外边距，并且会根据浏览器窗口大小自动居中，这时就是完整的html和css代码。
CSS中的特殊符号͏
1.如div{ …} 会给所有的< div> < /div> 增加样式。
2.名前井号“#”：对应html中的标签的id属性，写法为#name。如#p1{ …} 会给< p id=”p1″> ID is p1< /p> 增加样式。
3.名前小数点“.”：对应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.名后冒号“:”：一般是状指态
如a:hover表示当鼠标停悬在a标签上时使的用样式
7.style中代点表类class,#代表id,也以可注释
h1代表html中元的素
tr.hr代表元素的元子素
html表单中for 用户表单的标签上，属性值为需要关联的输入框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属性的作用是关联的作用，一般是和表单中某个控件的id属性一直，表示关联此控件