day3 html平时遗漏的问题

看了一个学习视频，发现了自己几个一直忽略的部分，记录并补充。

label for

点击密码的时候，密码输入框没有任何反应。
在W3C里查询label的用法。
label的for属性可以建立一种联系，有显式和隐式两种。

 <tr>
            <td><label for="mima">密码</label></td>
            <td>
                <input type="password" value="10086" id="mima">
            </td>
        </tr>

两个单元格的联系依赖于id，这是显式，当鼠标在密码处点击，光标会自动锁定在密码输入框。

这种方法还可以应用于单选按钮，点击文本内容然后勾选文本旁的按钮。

id选择器和class选择器区别

class(类)在同一个html网页页面可以多次调用相同的class类
id 同样ID在页面里也只能出现一次，唯一性。

font字体样式

综合连写:有顺序性
选择器{font：font-style font-weight font-size/line-height font-family;}

样式冲突

样式的层级关系：权重
共用样式和私用样式
选择器优先级 id>class（属性/伪类）>标签（伪元素）
选择器一样，后者覆盖前者。
嵌套选择器 id：100；class：10；html：1；
p:1/div p ：2/.tree :10/div p.tree:1+1+10=12/#jjj:100/body #content .all p:1+100+10+1=112
显示 多的 的样式。

清除浮动

什么时候清除浮动？父元素的高度塌陷
清除浮动三种方法：clear:both/overflow:auto/after伪元素

margin和padding

margin可为负，padding没有负数。

背景半透明

rgba(0,0,0,0.3);
alpha(0到1之间，0隐藏，1显示)