选择器:
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;