学前段半个月的一些心得（三）

选择器：

important选择器：优先级最高的选择器。

id选择器（#id）：每个标签都可以设置唯一的id，使用id选择器就只能针对这个id对你所用的标签设置相同的id。

class选择器（类选择器）（.class）：可以供多个标签使用，只要是需要相同的样式就可以在对应的标签上设置类名class相同的名即可。

标签选择器（p）：只要是同一样的标签就可以使用。

优先级：important>id>class>标签>继承

标签的属性有些是可以继承上级的。

内边距外边距的差异：

margin为外边距，padding为内边距

margin不会叠加到你定义的盒子的宽高，但padding会叠加。

padding无论有无宽高都会叠加，而margin如果无宽高则无作用。

当盒子是父子关系时：产生塌陷现象解决方法：在父设置（超出隐藏）overflow：hidden；在子设置：margin-top：100px；这样子盒子就会离父盒子有100px的距离。

margin的合并现象：相邻的地方同时使用外边距，只取较大的那个外边距的值。

浮动：float：left左浮动   float：right右浮动 （一般只用于划分左右结构）

只要用了浮动便脱离了文档流，不占有空间便是文档流。

注意：浮动的元素会优先显示。

清除浮动的方法：找到最后一个使用了浮动的元素的后边的元素，清除浮动：clear：both；或者可以定义一个类，当需要清除时就调用，例如：

.clearfix::after{

content:"";

display:block;（清除浮动必须是块级标签）

clear:both;