1、代码:background:url(a.jpg) center -50px no-repeat #c4c4c4;
作用:设置背景图片,使其居中,偏上,禁止平铺,设置背景图像无法覆盖的区域显示浅灰色(#c4c4c4)
新知识点:
repeat属性:background-repeat属性,设置是否以及如何重复背景图像,默认地,背景图像在水平以及垂直方向重复,background-repeat:no-repeat;禁止平铺;background-repeat:repeat-y;在垂直方向上平铺;background:repeat-x;在水平方向上平铺;
background属性:很多属性值就是表示背景图像的位置,是否平铺等,直接针对图,如果没有图像,则不起作用。
问题:偏上为什么直接用-50px?居中属性的可用标签问题?
2、.clear{clear:both;}作用:定义清楚样式类,以便控制页面中每个表单域的换行显示。
clear属性规定元素的哪一侧不允许其他浮动元素;
问题:对于清除浮动如何达到所用效果不理解。
3、<fieldset>标签:将一组表单元素打包,当把一组表单元素放在这个标签内时,则浏览器会以特殊形式显示他们,可能有特殊的边界或3D效果。(fieldset:英文意思:自定义字段,控件组)
<legend>标签:定义<fieldset>标签标题(legend:说明)显示效果如图
4、 代码:<lable for="login">Email</lable>
<input type="text" name="login" id="login" />
<div class="clear"></div>
新知识点:<lable>标签为<input>定义标签,就是解释这个<input>的作用,属性for的值为<input>的id值,这样<lable>就和<input>绑定了,点击<lable>标签时也会出发<input>表单
问题:感觉这里的<lable>可有可无
5、代码:form{width:406px;margin:120px auto 0;}
居中
?