CSS制作网页几个小问题的问答

时间：2022-07-07 03:30:01 | 来源：建站知识

时间：2022-07-07 03:30:01 来源：建站知识

一、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="" target="_blank">鲁ICP备07007591号</a></div>
我们可以看到，控制 & copy; 的CSS的类是“foot”，那么我们就在foot中加入“font:12px/1.5 Arial;”这个条件来修饰一下版权所有处的© 符号。
以下是代码：
.foot {
      font:12px/1.5 Arial;
}
本文来自站长学习网-www.zxx6.com，欢迎转载，转载请注明出处。