HTML小知识点

1.清除浮动

1.在浮动元素末尾添加一个空的标签
例如

<div style=”clear:both”></div>

2.通过设置父元素overflow值为hidden；
3.给父元素添加clearfix类（推荐）

.clearfix:after {
    content: " ";
    display: block;;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
:after 选择器向选定的元素之后插入内容
content:""; 生成内容为空
display: block; 生成的元素以块级元素显示,
clear:both; 清除前面元素浮动带来的影响
相对于空标签闭合浮动的方法

2.选择器权重

 4个等级的定义如下： 第一等：代表内联样式，如: style=””，权值为1000。
 第二等：代表ID选择器，如：#content，权值为100。 
 第三等：代表类，伪类和属性选择器，如.content，权值为10。 
 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。

块级元素和行内元素

块级元素： div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr 
行内元素： span、img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup，strong、u