DIV+CSS常见错误汇总

2016-02-19 23:21 2 1 收藏

每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情还，闲暇的时间怎么打发，关注图老师可以让你学习更多的好东西，下面为大家推荐DIV+CSS常见错误汇总，赶紧看过来吧！

【 tulaoshi.com - Web开发】

CSS＋DIV是网站标准（或称WEB标准）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：

　　1. 检查HTML元素是否有拼写错误、是否忘记结束标记

　　2. 检查CSS是否正确

　　3. 确定错误发生的位置

　　4. 利用border属性确定出错元素的布局特性

　　5. float元素的父元素不能指定clear属性

　　6. float元素务必指定width属性

　　7. float元素不能指定margin和padding等属性

　　8. float元素的宽度之和要小于100%

　　9. 是否重设了默认的样式？

　　10. 是否忘记了写DTD？

　　如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD：

来源:http://www.tulaoshi.com/n/20160219/1629709.html

上一篇： CSS框架的利与弊(下)
下一篇：将多个文档中的批注和修订合并至一个文档中

看过《DIV+CSS常见错误汇总》的人还看了以下文章更多>>

div+css实现圆角边框

标签： Web开发

div+css实现圆角边框，在网络上查看了一下，很多都是实现圆角的矩形的方法，我在这里介绍的是实现圆角矩形边框的方法。用代码说明问题： html head style #a{ border-left:1px #333 solid; border-right:1px #333 solid; width:300px; height:500px; } .b{ height:1px; overflow:hidden; border-left:1px #333 solid; border-right:1px #333...

DIV＋CSS网页布局入门

标签： Web开发

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadd...

Div+CSS网页制作误区

标签： Web开发

“重构”的春风吹遍大江南北，互联网一时间风声鹤唳，“div+CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码，却时常令人哑然失笑—— 我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div+a构成的页面，有成百上千的表现层class……现在关于标准的书籍越来越...

最新DIV+CSS技术入门

标签： Web开发

CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。一. CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外...

DIV+CSS相册制作教程

标签： Web开发

以前用FLASH作过一个FLASH相册—网络版这个效果有点学这个的意思。为了一行了的代码，我已经花了两个晚上来想了，结果下来就是感觉IE有点变态。用正常的想法去作，FIREFOX 等浏览器都没有问题，只有IE不可以。只有加那么一行垃圾代码，IE才能正常显示。以下就是效果： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E...

查看更多精彩>>