background:url("img/search.PNG");添加背景图
text-indent:35px;首行缩进
margin-top 塌陷现象-
当盒子是父子关系,用margin-top极有可能出现塌陷现象
解决方法:(1)overflow:hidden;(2)给盒子设置边框
margin的合并现象,相邻的地方同时使用了外边距,只取较大的那个外边距值
:hover鼠标划过某个标签的样式发生改变
display:block;行级标签转块级标签
display:inline;块级标签转行级标签
display:inline-block;转为行内块级标签
float浮动left,right
只要使用了浮动便是脱离了文档流,不占有空间就是文档流
注意:浮动了的元素会优先显示
清除浮动:找到最后一个浮动的元素的后边的元素,清除浮动,clear:both;
清除浮动方法:
1)直接找到最后一个的元素的后边的标签添加clear:both;
2)在后面添加一对空的块级标签,设置clear:both;
浮动绝对不会对前面的元素产生影响,只会对后面“那一个”,而非后面的全部
浮动:也可以代替display:block;进行转换,但不是主要功能
float:right;右浮动一般只用在划分结构左右结构,只为横排就用左浮动,否则会倒序