如今网站前端页面都是用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;
}
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » dede模板没有css的简单介绍
1 评论