web前端笔记.docxVIP

label标签绑定点击本质上讲，“男”、“女”这两个汉字，和input元素没有关系。input type=radio name=sex / 男input type=radio name=sex / 女label就是解决这个问题的。input type=radio name=sex id=nan / label for=nan男/labelinput type=radio name=sex id=nv / label for=nv女/labelinput元素要有一个id，然后label标签就有一个for属性，和id相同，就表示绑定了，这个label和input就有绑定关系了。复选框也有label：input type=checkbox id=kk /label for=kk10天内免登陆/label 什么表单元素都有label。选择器权重计算当选择器，选择上了某个元素的时候，那么要这么统计权重：id的数量，类的数量，标签的数量不进位，实际上能进位（奇淫知识点：255个标签，等于1个类名）但是没有实战意义！如果权重一样，那么以后出现的为准：================================我是华丽丽的分界线=================================如果不能直接选中某个元素，通过继承性影响的话，那么权重是0。如果大家都是0，那么有一个就近原则：谁描述的近，听谁的。权重问题大总结：1） 先看有没有选中，如果选中了，那么以（id数，类数，标签数）来计权重。谁大听谁的。如果都一样，听后写的为准。2） 如果没有选中，那么权重是0。如果大家都是0，就近原则。清除浮动总结与案例总结一下：1） 加高法：浮动的元素，只能被有高度的盒子关住。 也就是说，如果盒子内部有浮动，这个盒子有高，那么妥妥的，浮动不会互相影响。但是，工作上，我们绝对不会给所有的盒子加高度，这是因为麻烦，并且不能适应页面的快速变化。div → 设置heightp/pp/pp/p/divdiv → 设置heightp/pp/pp/p/div2) clear:both;法最简单的清除浮动的方法，就是给盒子增加clear:both；表示自己的内部元素，不受其他盒子的影响。divp/pp/pp/p/divdiv → clear:both;p/pp/pp/p/div浮动确实被清除了，不会互相影响了。但是有一个问题，就是margin失效。两个div之间，没有任何的间隙了。3）隔墙法：在两部分浮动元素中间，建一个墙。隔开两部分浮动，让后面的浮动元素，不去追前面的浮动元素。墙用自己的身体当做了间隙。divp/pp/pp/p/divdiv class=cl h10/divdivp/pp/pp/p/div我们发现，隔墙法好用，但是第一个div，还是没有高度。如果我们现在想让第一个div，自动的根据自己的儿子，撑出高度，我们就要想一些“小伎俩”，“奇淫技巧”。内墙法：divp/pp/pp/pdiv class=cl h10/div/divdivp/pp/pp/p/div内墙法的优点就是，不仅仅能够让后部分的p不去追前部分的p了，并且能把第一个div撑出高度。这样，这个div的背景、边框就能够根据p的高度来撑开了。4）overflow:hidden;这个属性的本意，就是将所有溢出盒子的内容，隐藏掉。但是，我们发现这个东西能够用于浮动的清除。我们知道，一个父亲，不能被自己浮动的儿子撑出高度，但是，如果这个父亲加上了overflow:hidden；那么这个父亲就能够被浮动的儿子撑出高度了。这个现象，不能解释，就是浏览器的小偏方。并且,overflow:hidden;能够让margin生效。清除浮动的案例：实践中，遇见了清除浮动的问题：IE6兼容问题上述知识点遇见的浏览器兼容问题第一，IE6，不支持小于12px的盒子，任何小于12px的盒子，在IE6中看都大解决办法很简单，就是将盒子的字号，设置小（小于盒子的高），比如0px。height: 4px;_font-size: 0px;我们现在介绍一下浏览器hack。hack就是“黑客”，就是使用浏览器提供的后门，针对某一种浏览器做兼容。IE6留了一个后门，就是只要给css属性之前，加上下划线，这个属性就是IE6认识的专有属性。比如：_background-color: green;解决微型盒子，正确写法：height: 10px;_font-size:0;第二，IE6不支持用overflow:hidden;来清除浮动的解决办法，以毒攻毒。追加一条_zoom:1;完整写法：overflow: hidden;_zoom:1;实际上，_zoom:1;能够触发浏览器hasLayout机制。这个机制，不要深究了，因为就IE6有。我们只