易截截图软件、单文件、免安装、纯绿色、仅160KB

DivCSS网页布局中CSS无效的十个常见原因

    我们从52CSS.com中学习DivCSS网页布局的知识,可是W3C validation有时难以操作,但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。
 1、不要担心验证程序的警告:如果验证程序说发现12处错误以及83处警告,不要理它,继续进行下一步。 
  2、一次更正一个错误:按顺序进
展工作,从上到下,一次修正一个错误。HTML用浏览器从上到下浏览,这些错误也是按同样顺序显示。 
  3、每次修正代码后要刷新代码,使它们
重新生效:一个小错误常常会引发之后整页的连串错误。因此如果操作不当,“修正错误”也可能引发更多错误。每次修正后使代码重新生效,这样就可以确保完全
解决问题。
  知道了上面这些基本的异常情况,下面我们就来看看版面设计无效的几个原因。
  一、div 标签
未关闭
  这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。开启的
div标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签,诊断时就像大海捞针一样麻烦。
 
 二、麻烦的embed标签
  九十年代早期,Microsoft和Netscape的浏览器开始能够辨认非
标准的独有字体。遗憾的是这意味着W3C验证程序还不能识别某些关键HTML 标签,如“embed”,即使这些标签已经被广泛使用。如果确实希望得到严
格的DOCTYPE(文档类型)验证,就只能放弃嵌套。
  如果同时想要生效的版面设计和嵌入式媒体,可以试试Flash Satay方法。
 
 三、不当的DOCTYPE声明
  不声明DOCTYPE,或者在文件开始错误声明DOCTYPE,也是一个
常见错误。根据一般经验,Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得
到最佳展示。关于DTD文档类型的声明,您可以参考52CSS.com的相关文章。
  四、结尾斜线
 
 如果你的网站不能验证,很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西,特别是在image标签等元素中。
  
在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题


相关文档:

CSS公用文件

由于各浏览器的默认CSS样式不一样,我们必须写一个CSS Reset统一起来。
通常我的做法是在common.css里写全局控制,这里面也包括header和footer,其它CSS文件就通过@import url(”common.css”);引用。
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Ari ......

CSS实现圆角的 25 种技巧分享

原文地址:http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......

CSS的盒子模式(Box Model)

      CSS 中有个重要的概念,就是盒子模式(Box model)。
      盒子里由里至外依次是:
content 内容(比如文本、图片等)
padding 内边距
border 边框
margin 外边距
      padding属性用来设置元素内容到元素边框的距离。
   ......

javascript 控制css js控制 clss


像上面的一张图片我们该怎么用js 和css + div 很好的应用到我们的项目中呢?
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......

css背景图片相关

                              CSS背景属性
背景颜色属性(background-color)
这个属性为HTML元素设定背景颜色,相当于HTML中bgcolor属性。
body {background ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号