首页 相关文章 DIV+CSS常见错误汇总

DIV+CSS常见错误汇总

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%[ 查看全文 ]

2016-02-19 标签:

DIV+CSS常见错误汇总的相关文章

  • 标签:Web开发
    CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamwea...[ 查看全文 ]
  • 标签:Web开发
    CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css div的方式实现各种定位。应用应用DIV CSS编码时很轻易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamw...[ 查看全文 ]
  • 标签:Web开发
    以下是一些DIV+CSS设计页面时的常见错误的预防技巧,希望能对大家有所帮助。 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 ...[ 查看全文 ]
  • 标签:Web开发
    CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的...[ 查看全文 ]
  • 标签:Web开发
    CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化,越来越多的人在学习而很多初学者没有一个头绪,整理了一些学习的方法给大家。 一. CSS学习重在方法! 学习任何东西都是一样,从小学、中学、大学,除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML! ...[ 查看全文 ]
  • 标签:Web开发
    什么是CSS+DIV?  CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 DIV元素是用来为HTML文档内大块(...[ 查看全文 ]
  • 标签:Web开发
    在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我...[ 查看全文 ]
  • 标签:Web开发
    你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align=left等等)束手无策,不知道该转换成对应的什么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 solid; } /style /head body div div class="b" style="margin-...[ 查看全文 ]
  • 标签:Web开发
    你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left"等等)束手无策,不知道该转换成对 应...[ 查看全文 ]
  • 标签:Web开发
    “重构”的春风吹遍大江南北,互联网一时间风声鹤唳,“div+CSS”俨然已成为一种“时尚”,难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码,却时常令人哑然失笑—— 我们看到有嵌套6、7层的div布局,有不用table的表格,有纯div+a构成的页面,有成百上千的表现层class……现在关于标准的书籍越来越多,除了少数几本标榜“高级技巧”的书籍以外,很少有人不会在自...[ 查看全文 ]
  • 标签:Web开发
    在线观看: CSS基本概念 CSS初探 - CSS基本知识 - 第1课http://learning.artech.cnhttp://img.warting.com/2007/05/30/20070530.html CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cnhttp://img.warting.com/2007/05/31/20070531.html 设置丰富的文字效果 - CSS基本知识 - 第3课http://learning.artech.cnhttp://img.warting.com/2007/06/01/20070601.html CSS/DIV布局专题讲解 ...[ 查看全文 ]
  • 标签:Web开发
    CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化,越来越多的人在学习而很多初学者没有一个头绪,整理了一些学习的方法给大家。 一. CSS学习重在方法! 学习任何东西都是一样,从小学、中学、大学,除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML! 再来谈一下学习...[ 查看全文 ]
  • 标签:Web开发
    以前用FLASH作过一个FLASH相册—网络版 这个效果有点学这个的意思。 为了一行了的代码,我已经花了两个晚上来想了,结果下来就是感觉IE有点变态。用正常的想法去作,FIREFOX 等浏览器都没有问题,只有IE不可以。只有加那么一行垃圾代码,IE才能正常显示。 以下就是效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...[ 查看全文 ]
  • 标签:Web开发
    CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 DIV元素是用来为HTML文档内大块(block-level)的内容提供...[ 查看全文 ]
  • 标签:Web开发
    先看一段代码: div id="top"Hello Phoenix!/div 其中用到了id属性。对应CSS中的 #top{} 再看一段代码: div class="bottom"a href="#"Hello Phoenix!/a/div 其中用到了class属性。对应CSS中的 .bottom a{} 根据CSS2.0手册规定,伪类中就包括了a,例二中就是通过CSS控制超级链接 a 的属性,然后在div中定义该区域的a对应的类名。 因此,要注意id和class的区别,后者只能用于css伪类的调用。 [ 查看全文 ]
  • 标签:Web开发
    引言: 引用一本书中的一段文字:当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是,他将这些书放 在一个书筐里,并说到下周才能派上用场。在第一周,他只教我听和记一些短语。在开始严格有序的学习前,他要我学会如何复述一些短评。请问,哪里有餐 馆?。请给我来点米饭。这件衣服多少钱?。在那个星期,我不得不无条件地接受知识、句子结构、发音和语...[ 查看全文 ]
  • 在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是...[ 查看全文 ]
  • 标签:Web开发
    1、导航菜单使用图片、FLASH 导航菜单使用图片、FLASH当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法(我会在下次谈到这一个方法的);如果你要使用FLASH做导航,那我就没你办法了。建议做一个导航菜单链接的xml文提交到搜索引擎。 2、不恰当地使用图片 为了网页美观,经常会到处贴满图片,这样做是不正...[ 查看全文 ]
  • 标签:Web开发
    由于现在很多div+css中的图片都写在了css里面。 直接用浏览器的另存为已经不能完全保存到本地 我在网上收集了一些方法,和一些自己的实践,希望对你有所帮助 第一:苦力型 查看网页源文件,然后找到css路径,直接输入到ie地址框内下载既可。打开css找出里面的图片一个一个下载 第二:偷懒型 保存到本地css后,在dw中把css中的图片都替换成 第三:超级偷懒型 ...[ 查看全文 ]
手机页面 收藏网站 回到头部