H5学习一周总结

行内元素和块级元素：

对于行内元素设置width和height是没用的，就像<span></span>他的宽度是由其内容决定的，同样设置他的上下边界（margin-top和margin-bottom），上下填充（padding-top和padding-bottom）也是没用的。

假若在<ul><li></li></ul>没有设置宽高，那么他内部的<a>标签需要转换成display:block；块元素。

对于浮动元素一定要设置宽：

1.<div>后如果跟浮动元素，那么浮动元素直接换行；

2.浮动元素后跟<div>,那么<div>内容环绕浮动元素；

3.浮动元素不能超出其包含块；

4.浮动元素后跟inline元素，会检查其后的空间是否可以插入inline元素，否则inline元素直接换行；

5.浮动后跟浮动，后面的浮动元素无法超过前面的浮动元素.

ps:background: transparent url(../images/headersearch.png) no-repeat;

     transparent是设置背景图片为透明的：

     background-size: 100% 100%;

     background-size不能直接写进background的简写形式中。