6.8.2设计登录表单

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;}

     居中

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值