dede模板没有css的简单介绍

  如今网站前端页面都是用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的标准。

  修改以下的代码:

dede模板没有css的简单介绍

  .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;

  }

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

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论