笔记一

1、logo用<a>标签包围 并给img设置：border：0（放置IE浏览器出现框）

2、搜索框内有图片，处理方式：

　　　　父级div设置border，并调好位置

　　　　子级input设置border 0 ;height 100%

　　　　图标用<span>包围，设置位置

3、font-size测量方法，字的高度便是大小

4、nav栏中第一个栏与其他栏侧边不同时处理方法：

　　　　先设置好着呢个·整个nav宽度，设置每个栏padding-left:npx;再设置整个nav栏的的margin,记得减去n,(以为padding会撑开)

5、子元素设置margin-top失效，给父元素设置overflow：hidden即可。

　　注，尽量用margin-left调节左右位置，用line-height调节高度。（方便上下居中）

6、新闻中，新闻内容在左边，日期在右边问题的解决方法

　　　　html中：<ul><li>我在写博客园</li><span>2016-7-16</span></ul>

　　　　css中：li{float:left} span{float:right}

7、解决为元素加边框紧贴问题，利用padding撑开的特性，为子元素设置padding即可

8、设置图片居中，HTML放个div，在css中设置div的宽高和background：center；