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

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【CSS制作网页几个小问题的问答】，下面是详细的分享！

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

一、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=http://www.admin5.com/article/20081003/"http://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;
}

以上所分享的是关于CSS制作网页几个小问题的问答，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：有网页设计css代码的高手不？有几个问题想问

　　答：去除图片边框：img {border:none;} >>详细

　　相关问题：请教高手，html/css网页制作中遇到的问题

　　答：360浏览器会有缓存，可以试试清除缓存：点击360浏览器顶部的 工具，清除上网痕迹。 有可能是ie兼容问题。 可以审核元素查看具体代码情况。 >>详细

　　相关问题：HTML网页制作中有关CSS的简单问题

　　答：首先，你需要将.order这个选择器后面的圆括号‘（）’改成花括号‘｛｝’； 然后，将height属性的值加上单位‘px’； .order{width:300px;height:100px;background:#FFCC00;} >>详细