XHTML语言默认的CSS样式
作者:dudumao 日期:2011-05-02
CSS3新特性一览
作者:dudumao 日期:2010-10-23
结构(Structure)表现(Presentation)和行为(Behavior)
作者:dudumao 日期:2009-12-26
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为 (Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA(European Computer Manufacturers Association)的ECMAScript标准。
1.结构标准语言
(1)XML
css sprite的使用及其优缺点
作者:dudumao 日期:2009-12-06
原理
我们知道,自CSS革命以降,HTML倾向于语义化,在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的, 少不了各种漂亮的图来装点。新时代的生产方式是,在HTML布满各种各样的钩子(hook),然后交由CSS来处理。在需要用到图片的时候,现阶段是通过 CSS属性background-image
组合background-repeat
, background-position
等来实现(题外话:为何我提现阶段,因为未来浏览器若支持content
则又新增另外的实现方法)。我们的主角是,你一定猜到了,就是background-position
。通过调整background-position
的数值,背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变,由于图片位置的改变,你看到只该看到的而已。就好比手表上的日期,你今天看到是21,明天看到是22,是因为它的position往上跳了一格。所以你也大概了解到,CSS Sprites一般只能使用到固定大小的盒子(box)里,这样才能够遮挡住不应该看到的部分。
css在IE6中的bug集合
作者:dudumao 日期:2009-11-20
IE6 IE7 FifeFox下CSS的hack写法
作者:dudumao 日期:2009-08-26
Internet Explorer CSS Bugs
作者:dudumao 日期:2009-07-19
在老外的 http://haslayout.net/css/ 网站上,系统的总结了IE的一些Bugs。目前这个网站上包含了 46 个“普通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。
这个列表目前更新到:2009年8月19日,周三 ,15时38分47秒。最新发表的教程:该网站包含44 IE6 bugs, 28 IE7 bugs 和19 IE8 bugs。下面是所有的bug列表,你可以点击每个BUG名的链接查看更详细的说明和解决方法。
CSS 英文命名规范
作者:dudumao 日期:2009-02-21
link和@import的区别
作者:dudumao 日期:2008-10-19
页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:
- <link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
- <style type="text/css" media="screen">
- @import url("CSS文件");
- </style>