摘要: 大家都知道,web标准在中国传播初期,人们使用“div+css”描述web标准,似乎有点道理,根据国内网页设计师的编码水平,看似就是使用div配合css来替代table布局。 可是学过一段时间web标准的人士,都知道这是误解,那么有人提出,摒弃div+css的说法,提倡XHTML+CSS的说法,因为要使用两门语言来架构网页,但是这种称呼也不准确,不完整,因为只提到了XHTML1.0标准和CSS2.0(CSS2.1)规范。 阅读全文
posted @ 2008-12-11 16:08 猫子 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,就需要统一class与id的名称,前天花了一点时间,按照大多人的习惯,制定了下面的常用关键字: 阅读全文
posted @ 2008-12-11 15:48 猫子 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法结见附》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如: width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单 位之间加空格。 阅读全文
posted @ 2008-12-11 15:46 猫子 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue; 阅读全文
posted @ 2008-12-11 11:32 猫子 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。   这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。   这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。   CSS Hack的原理是什么   由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 阅读全文
posted @ 2008-12-11 11:26 猫子 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 匈牙利命名法是一种编程时的命名规范。基本原则是:变量名=属性+类型+对象描述,其中每一对象的名称都要求有明确含义,可以取对象名字全称或名字的一部分。命名要基于容易记忆容易理解的原则。保证名字的连贯性是非常重要的。 举例来说,表单的名称为form,那么在匈牙利命名法中可以简写为frm,则当表单变量名称为Switchboard时,变量全称应该为frmSwitchboard。这样可以很容易从变量名看出Switchboard是一个表单,同样,如果此变量类型为标签,那么就应命名成lblSwitchboard。可以看出,匈牙利命名法非常便于记忆,而且使变量名非常清晰易懂,这样,增强了代码的可读性,方便各程序员之间相互交流代码。 这种命名技术是由一位能干的Microsoft程序员查尔斯·西蒙尼(Charles Simonyi) 提出的,他出生在匈牙利。在 Microsoft 公司中和他一起工作的人被教会使用这种约定。这对他们来说一切都很正常。但对那些 Simonyi 领导的项目组之外的人来说却感到很奇特,他们认为这是死板的表达方式,甚至说带有这样奇怪的外观是因为它是用匈牙利文写的。从 阅读全文
posted @ 2008-12-02 09:49 猫子 阅读(117) 评论(0) 推荐(0) 编辑
摘要:   今天我们共同学习一款“图文混排CSS列表”的制作。首先从分析一下此列表的特点,然后编写HTML代码,最终应用CSS样式实现最终的效果。 列表的效果如图所示: 最顶部是栏目名称“我爱CSS 52CSS.com ”与栏目导航“CSS酷站欣赏 DivCSS教程 CSS模板下载”。栏目名称用标题元素Hx来表示,栏目导航可以用ul+li的无序列表。   下部的三个链接区域形式基本雷同,左侧是图片链接,右侧是文章列表元素。将左侧的图片与文字看成是一个段落,用p标签来表示,右侧的文章列表用ul+li的无序列表。 阅读全文
posted @ 2008-12-01 16:58 猫子 阅读(376) 评论(0) 推荐(0) 编辑
摘要:   最顶部的是栏目的名称我爱52css与更多,然后下面分两个块,一块显示缩略图片,另一块显示文字连接,这两个部分都可以通过ul+li来实现。有了上面的分析开始下面的HTML编码:   将所有的元素放入id为wrap的层中,设置它的边框颜色为#e5f2f8,这是为了让他看起来有阴影的效果, 然后再他的内部建立一个层list,在list的内部建立三个层,分别是: list_title list_pic list_text   下面开始具体深入的编写HTML代码 阅读全文
posted @ 2008-12-01 16:49 猫子 阅读(191) 评论(0) 推荐(0) 编辑
摘要:   我们开始编写HTML代码,首先是“我爱CSS-Web标准化 www.52CSS.com”的标题,我们应用h3标签来表现它。 我爱CSS-Web标准化 www.52CSS.com   紧接着是一个无序列表UL。用来置图片和文字列表的内容。我们思考以何种形式来处理单一元素呢。其中的每一个元素,都有三个内容组成:图片,文字标题和价格。我们将三者都放入于a标签中,在鼠标移上去时,均可以点击。而a元素置入于li标签中即可。如下面的代码所示。 阅读全文
posted @ 2008-12-01 16:42 猫子 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 今天我们向大家介绍,无序列表ul在IE6、IE7中下边距出现问题的bug,或许您在进行CSS布局开发时已经遇到了这样的苦恼。   在大多数时候,无序列表内的列表项li都是固定的。比如,有六个,八个,十个。因而我们可以轻松的定义ul的宽度和高度。而在一些交互性很强的网站中,无序列表ul内的列表项li是不固定个数的。因而我们不能定义ul的高度,需要让它自适应li的个数,随着功能与内容的需要,随时动态的调整它的大小。在这样的情况下,本实例所要讲述的bug就要出现了。   看下面的图片   这是一个由六个列表项li组成的无序列表,而li的数量可能有所增加或减少,因而我们不能定义ul的高度,按照正常的思路,我们定义ul的上侧与左侧的内边距,再定义li右侧与下侧的外边距,实现等边距的效果。思路如下图所示。 阅读全文
posted @ 2008-12-01 16:27 猫子 阅读(201) 评论(0) 推荐(0) 编辑