代码控制margin(代码控制流图)

　　如今网站前端页面都是用DIV+CSS来编写，与表格布局不同，滨州APP开发认为它有如下几个优点：它可以实现网页内容与格式相分离，而且利于提高百度蜘蛛的爬行效率，加载速度快，提升用户体验。

　　一、div层的显示与隐藏

　　问：div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白：

　　以下是代码：

　　style="visibility: none;"

　　document.getElementById("typediv1").style.visibility="hidden";//隐藏

　　document.getElementById("typediv1").style.visibility="visible";//显示

　　答：通过设置display属性可以使div隐藏后释放占用的页面空间，如下

　　以下是代码：

　　style="display: none;"

　　document.getElementById("typediv1").style.display="none";//隐藏

　　document.getElementById("typediv1").style.display="";//显示

　　二、设置了层的CSS属性，为什么在IE6下显示正常，在IE7下显示不正常？

　　答：设置了层的CSS属性，为什么在IE6下显示正常，在IE7下显示不正常？也就是不论是设置height: 30px;，但没有效果。

　　以下是代码：

　　.header{

　　margin-top: 5px;

　　WIDTH: 760px;

　　PADDING-TOP: 0px;

　　height: 30px;

　　border: 1px solid #A5B5C0;

　　}

　　答：虽然IE7对标准的支持还是不尽如人意，但相对于IE6还说已经是进了一步了，而对于网页的制作而言，就要多注意一下在编写css时所要注意的问题，看到CSS的写法是否符合web的标准。

　　修改以下的代码：

　　.header {

　　margin-top: 5px;

　　WIDTH: 760px;

　　PADDING-TOP: 0px;

　　height: 30px;

　　border: 1px solid #A5B5C0;

　　}

　　从上面我们看到，如果我们在.header与{之间加上一个空格，就会行了，因为在IE6下，可以忽略这个空格，而显示正常的了，在IE7下就会因标准的原因而不能正常显示了。

　　三、如何正确设置和输入版权所有处的©符号

　　问：制作网站时，经常会在自己的网站的底部加上版权所有的符号，但我们在保存网页时经常会出现编码不对等提示，即是保存了，显示在网页上的也是一个“？”，如果我们用& opy;直接插入网页中，这个符号在源代码中就以& copy;(注:&和copy之间没有空格，为了正常显示所有这样写了)的形式体现。另外虽然也可以轻松地从别的网站直接复制，但在网页显示的形式总觉得怪怪的，有点小了，看不清楚那是什么符号，那么如何正确设置才能美观？

　　答：为了美观些,最好在css里再写进一些条件。

　　以下是代码：

　　<div class="foot">

　　Copyright & copy; 2007-2009 www.xxx.com all rights reserved <a href="https://www.miibeian.gov.cn" target="_blank">鲁ICP备07007591号</a></div>

　　我们可以看到，控制 & copy; 的CSS的类是“foot”，那么我们就在foot中加入“font:12px/1.5 Arial;”这个条件来修饰一下版权所有处的© 符号。

　　以下是代码：

　　.foot {

　　font:12px/1.5 Arial;

　　}