HTML和CSS菜鸟问题

html-css029

HTML和CSS菜鸟问题,第1张

margin:50px 200px 200px 200px

这样定义一个容器是错误的

因为BODY的大小你无法掌握，窗口的最大最小化你无法掌握，所以应该只设定两个方向的margin补丁

你这样的设置只能是让浏览器忽略其中的两个数值

百度这个是用图片了，

<div class="box">

<h2 class="top"></h2>

<div class="inner">

</div>

</div>

.box设置一个1像素高度的图片，然后重复，

h2设置标题，放上头部

inner设置底部的图片

.box{background:url(line.gif) repeat-y left top}

.top{height:20pxbackground:url(top.gif) left top}

.inner{background:url(bottom.gif) left bottom}

我觉得是应该不可以的，在一个#header 中，里面的每个属性都是唯一识别的，就是一个浏览器只会识别其中的一个，其它的都不会理了！好像#header {width:100pxwidth:200px}它只会识别width:200px但是有钟情况就不一样！#header {width:100px!important*width:200px!importantwidth:300px}这样的情况，FF就能认出100px而IE7就能认出200px,IE6就只能认出300px了，这是不同浏览器的兼容问题，好像体外话了，呵呵！

PS:我第一句也说了，应该是不可以的！我下面只是举例给你说明下的！