Categories

A sample text widget

Etiam pulvinar consectetur dolor sed malesuada. Ut convallis euismod dolor nec pretium. Nunc ut tristique massa.

Nam sodales mi vitae dolor ullamcorper et vulputate enim accumsan. Morbi orci magna, tincidunt vitae molestie nec, molestie at mi. Nulla nulla lorem, suscipit in posuere in, interdum non magna.

CSS在Internet Explorer 6, 7 和8中的差别

关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只有40%。

这些统计中比较有趣的部分是,IE6、IE7、IE8之间的数值很接近,这防止了单个Microsoft的浏览器占居统治地位——与过去的情况相反。根据这些令人遗憾的统计结果,在为客户开发网站的时候开发人员对所有当前使用的IE浏览器做全面的测试是必要的,而且这样在个人项目上也可以拉拢更多的用户。

多谢那些JavaScript库(框架),跨浏览器的Javascript的测试已经像当前形势所允许的那样接近完美了。但在CSS开发中还不是这样,特别是关系到IE目前存在的三个版本。

本文尝试为希望了解CSS对IE6、IE7、IE8的支持的不同的开发者提供一份详细的、易用的参考。本参考包含以下情况的概述和兼容情况:

三个浏览器中的一个支持而另外两个不支持的条目 三个浏览器中的两个支持而另外一个不支持的条目

本文不讨论:

三个浏览器都不支持的条目 私有属性

因此,本文的中心是三个浏览器中的不同,而不是必要的支持缺陷。该列表被分为以下五个部分:

选择器与继承 子选择器 示例 body > p { color: #fff; } 描述

子选择器选择一个特定父级元素的所有直接子级元素,在上面的例子中,body是父元素,p是子元素。

支持情况 IE6 No IE7 Yes IE8 Yes Bugs

IE7中,如果在父级标签和子级标签之间有一个HTML注释,子选择器将不会工作。

链类 示例 .class1.class2.class3 { background: #fff; } 描述

链类用于送一个HTML元素有多个class声明的情况,就像这样:

<div class=”class1 class2 class3″> <p>Content here.</p> </div> 支持情况 . . . → Read More: CSS在Internet Explorer 6, 7 和8中的差别

css hack:html 判断浏览器版本 调用不同的css文件

1. < ! --[if !IE]>< ! --> 除IE外都可识别 < ! --< ! [endif]--> 2. < ! --[if IE]> 所有的IE可识别 < ! [endif]--> 3. < ! --[if IE 5.0]> 只有IE5.0可以识别 < ! [endif]--> 4. < ! --[if IE 5]> 仅IE5.0与IE5.5可以识别 < ! [endif]--> 5. < ! --[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 < ! [endif]--> 6. . . . → Read More: css hack:html 判断浏览器版本 调用不同的css文件

css border 透明边框

border-top:20px dotted transparent;

dotted transparent;要组合使用才有透明边框的效果

http://www.cnblogs.com/binyong/archive/2009/02/21/1395594.html

SEO Benefits Of CSS

This article is most useful if you are somewhat familiar with HTML and CSS. I explain the concepts well enough that you do not have to be an expert, but I want to provide material that will introduce you to more advanced design in ways you can understand. Like many other web designers, I . . . → Read More: SEO Benefits Of CSS