您的位置:首页 > Web前端 > CSS

那些被忽略的可怜的标签

2013-10-18 19:04 183 查看

     Number 1:   label标签

      就在前几天,工作室偶尔的一次培训,我才结识了label标签,才知道有这个可怜的标签的存在。可是那次的培训我没有认真的去研究,而戏剧性的是,下午去百度前端霸笔的时候,第一道题竟然是问label标签的属性和属性的值,我晕,好吧,我承认我错了,没有认真的去研究过这个别忽略已久的标签。现在就好好的研究一下它。

       首先第一反应是在w3school上查找然后自己的理解就是:<label> 标签的 for 属性一定要与相关元素的 id 属性相同。<label>
标签为 input 元素定义标注(标记),它们是成对的出现,并且不会为用户提供任何特殊效果,通俗一点的说,只是为了提高用户体验,让鼠标可选择点击的范围加大,但是必须注意的是,就算只是那么小小的功能,请别忽略,看,百度的笔试唯一一道html题就是这个被人忽略掉的label标签。下面就详细的解析一下label标签的用法。

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

文本效果:

male  O

female O

现在只要点击male或是female时就可以选定,从而提高了用户体验,不用一定要点中O才可以选定,是不是很容易掌握这个标签呢。。。

Number 2:zoom属性

css中的zoom,这个zoom属性我想是针对ie6和ie7而言的一个hack吧。

zoom没有继承性可言。兼容性: IE 基本语法 zoom : normal | number 语法取值 normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 使用说明 设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承,但是它会影响对象的所有子对象(
children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

用css中的zoom属性可以让网页实现IE7中的放大缩小功能。
zoom:1就是和原来一样大小
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  label标签 css