前端笔记整理（一）布局

本人新手，欢迎路过的各位留下点评论！谢谢！

1、在body中定义text-align=center;之后，body中的container什么模块就居中了，但container里面的内容也会居中，所以在container里面定义一个text-align=left；就可以了。但要想container框框居中还要一条margin: 0px auto;

 

2、之所以把网页设置为1024px宽，是因为要和让大部分浏览器能读出来。当然还要去掉旁边滚动条的宽度。

IE和火狐的区别：

3、IE指定的最小高度是18px，也就是18px里面的都按18px算。但火狐指定1px 就是1px

4、IE会自动调整高度，火狐不会，指定多高就是多高。但火狐如果不指定高度，就会自动调整。

5、float 会让指定模块脱离正常的文档流。但如过火狐中让指定模块脱离文档流，那么其它正常文档流会往上窜。所以可以让除了container这种最大的布局框正常流，其它的像container里面所有的框都脱离文档流

6、clear:both;    让该元素不被前面的，后面的浮动影像。

overflow:hidden;  隐藏溢出。

7、IE和火狐在ul 列表上 区别就是外边距和内边剧的问题。所以可以把所有的ul里面都设置

margin 0px;     padding 0px;   让两者一样，当然要消掉前面的小点可以list-style:none; 当然如果让li里面设置float;left;就让里面的东西横排列了。

li 里面还有个小技巧就是 设置 padding-top:5px   ;padding-bottom:5px;   这样呢就不管字体多大都会让框框边距随着字体大小变化而变化。当然前提是ul li 所在的那个框框固定高度。

8、一种居中的方法，常用的当然是直接text-align:center; 了。还有一种就是：当把一个框框设置为高度28px时。再在里面设置一个行高line-height:28px; 这样的话，里面的文字就上下居中了，原因就是行高里面的文字会默认上下左右居中。

9、h1，h2，h3等在二者中不一样。所以要把这些重新定义  margin:0 px;  padding: 0px;  line-height   等等。

10、一个图片只有一边有圆角，另一边没有，这时如果你要让两边都有圆角，要怎么做呢。很简单，那个地方假如有个div  有个h3 那么只要在这两个都设置背景。如： background：url("")     no-repeat  left;  

background :url("") no-repeat  right;    两个背景，一个向左浮动，一个向右浮动，再设置宽度不就可以了吗。

11、Border  IE 是=内容+边框。。而火狐则是边框另算。那么怎么办呢。

    width:299 px   ！important;       对ie来说，important不起作用，两个宽度，取后面一个，即300px，

    width:300 px;                             但是对火狐来说，important是有用的，取298px

12、a:hover{  position :relative;  top:1px;left:1px;color：blue;} 这样的话当鼠标移动上去的时候，就会动一下，颜色变为蓝色。