摘要：英文原文：http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观，IE8引入了文件兼容性。当你引入一个增设的兼容性模式，此文章说明文件兼容性的必要性，列出现有版本IE能使用的文件 阅读全文

摘要：内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。 所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢？Steve Souders(Steve Souders的资料http://www.oreillynet.com/pub/au/2951)提出的提高网页效率的14条准则：Make Fewer HTTP RequestsUse a Content Delivery NetworkAdd an Expires HeaderGzip ComponentsPut CSS ... 阅读全文

摘要：在越来越流行的DIV+CSS建站模式中，对于首页或频道主页放置的大量栏目或信息列表，普遍采用的是HTML中的列表类标签：ul li、ol li、dl dt dd。对于这些标签除了可以直接使用CSS BOX MODEL来进行设定，同时还有专有的CSS列表样式属性 list-style可以对其默认存在的项目符号进行设定。list-style的相关设定如下：list-style-type ：设定列表项目符号的类型。以下是在CSS1.0版本中支持且目前通用的值：disc —— 实心圆【无序列表默认值】circle —— 空心圆square —— 实心方块decimal —— 阿拉伯数字【有序列表默.. 阅读全文

摘要：一、形如<span>ABC</span>独立行设置SPAN为固定宽度方法如下：span {width:60px; text-align:center; display:block; }实际验证结果：IE6 OK， FIREFOX 3 OK。一、形如<span>ABC</span>DEF格式行设置SPAN为固定宽度的方法如下：span {width:60px; text-align:center; display:block; float:left;}实际验证结果：IE6 OK， FIREFOX 3 OK。二、形如ABC<span>DE 阅读全文

摘要：在IE7和Firefox下肯定没问题！但是到了IE6下透明部分就变成灰色了。如何使用我们前面说的AlphaImageLoader滤镜呢？很简单代码可以这样写（以top区域为例）：.header .top{ width:1000px; height:116px; margin-left:auto; margin-right:auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src="/wp-content/themes/xilin/ima 阅读全文

摘要：当一个链接得到焦点时，默认会有个虚线框。如图：在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：a:focus {outline:none;-moz-outline:none;}顺便提一下，如果你用过 Safari 和 Chrome 可能会发现，当输入框得到焦点时边框会出现阴影效果。如果想去掉阴影效果也可以用 outline 属性。input,textarea {outline:none;}言归正传，刚刚说的是 Firefox ，现在说说 IE。首先比较遗憾，还没有找到通过 CSS 去掉 IE 链接虚线框比较好 阅读全文

摘要：五、浮动的非本职工作浮动的本职工作是让匿名inline boxes性质的文字环绕图片显示，而其他所有用浮动实现的效果都不是浮动应该做的事情，我称之为“非本职工作”。或许我们并没有过多的深思，把一些实际上不是浮动该干的事情当作“这必须用浮动来实现”。举个常见的例子，列表显示，见下面的图，截自淘宝新版首页：我不看代码就知道是用浮动实现的，我用firebug一看，果然是，不仅浮动，而且定宽。ps:要是在几个月以前，我会觉得这实在有待改进，不过现在我的心态宽了，布局思想不同而已，没有孰对孰错之分。我可以确信，浮动这个属性诞生的那天压根没有想到自己会要做这样的事情，本来它以为自己就让文字环绕显示就OK了 阅读全文

摘要：概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮动应用都不是浮动应该做的个人观点之浮动其实是个魔鬼、混球一、引言你我看待事物的方式不同，价值取向也不同，因为我们有着不同的世界观，价值观。这种世界观的差异不仅仅体现在实际的生活中，也反映在代码上。你我看待代码的方式，或者说是代码在我们情感层面的位置是不一样的，我这里说的是情感层面，与逻辑无关，与算法无关（虽然算法受情感影响）。这种看待代码的方式是我们在不断学习与工作的过程中积累出来的，是在潜意识层面逐渐积累起来的，一切悄然而至，不知不觉。当我们积累到一定阶 阅读全文

摘要：在传统的表格布局中，我们对表格应该对齐方式对实现了对布局的应用，而应用Web标准构建网页以后，float浮动属性是布局中非常重要的属性，我们常常通过对div元素应用float浮动来进行布局，不但对整个版式进行规划，也可以对一些基本元素如导航等进行排列。 我们来看看float属性基本释义： 该属性的值指出了对象是否及如何浮动。当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。 float属性的参数： none：对象不浮动 left：对象浮在左边 right：对象浮在右边 ... 阅读全文

摘要：CSS Float是网页设计最强大的灵活性功能之一。本文介绍CSS Float的基本原理和行为特征，并介绍各种浏器Float特性的Bugs。 内容基本的浮动原理 浮动是如何进行的 浮动从何处开始 水平浮动堆叠 反向浮动 Clearing Floats 基本的浮动原理任何元素 element 都可以被浮动。段落、div、list、tables,以及图像都可以被浮动，事实上即使是像 span 和 strong 这样的行内置元素也可以很好地进行浮动。任何申明为 float 的元素自动被设置为一个"块级元素", 这表示它可以具有申明的"width"和" 阅读全文

摘要：float是什么？ float是CSS控制中的定位属性。我们经常在传统印刷产品中看到图片被文本围绕，这种方式一般被称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。举例说明，我们在sidebar这个元素中设置了浮动属性： #sidebar { float： right; } fload 阅读全文

摘要：CSS颜色代码大全FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000#CC0000#AA0000#880000#FFC8B4#FFA488#FF7744#FF5511#E63F00#C63300#A42D00#FFDDAA#FFBB66#FFAA33#FF8800#EE7700#CC6600#BB5500#FFEE99#FFDD55#FFCC22#FFBB00#DDAA00#AA7700#8866 阅读全文

摘要：使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是valu 阅读全文