[css教程] 最全的CSS浏览器兼容问题 日期：2011-10-08 15:47:09 点击：132 好评：0
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了 IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技...
[css教程] Div+CSS布局应该注重语义、代码的重用性 日期：2011-10-08 15:45:53 点击：113 好评：0
普通的一个页面无非就是HTML以及CSS和JS等脚本组成，相对以前来说，大家都是用表格（table）来实现页面的布局，而现在呢，追求的是用层（div）来布局了。很多朋友说用层（div）布局跟用表格（table）布局的差别很大，这个我同意，因为表格（table）是用来体现二维数据的。但...
[css教程] CSS表现属性Display:Inline-Block的深入理解 日期：2011-10-08 15:45:02 点击：67 好评：0
在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，无论是初接触Web标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。 display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，...
[css教程] XHTML标准的DIV+CSS布局对于网站SEO的影响 日期：2011-10-08 15:43:48 点击：48 好评：0
代码精简 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。...
[css教程] CSS 规范书写顺序 日期：2011-10-08 15:43:19 点击：81 好评：0
这里推荐先写显示属性，再写自身属性，再写文字属性；并不代表非得按这个顺序写，但这种写法可以使css结构更清晰易读，修改起来比较方便。而且在团队项目中能更好地提高效率。 //显示属性 display list-style position float clear //自身属性 width height margin padding...
[css教程] CSS常见问题及解决办法 日期：2011-10-08 15:42:00 点击：54 好评：0
一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。 三、...
[css教程] 关于DIV+CSS和XHTML+CSS的理解 日期：2011-10-08 15:41:30 点击：49 好评：0
WEB标准是一系列标准的集合，并不是仅“DIV+CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV+CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。 一位网友对W3C...
[css教程] 选择合适的Doctype，解决CSS失效问题 日期：2011-10-08 15:37:22 点击：40 好评：0
如果你的CSS都是正确的，链接也没有出错的话，为什么偏偏CSS样式不生效呢？你也许正在为这个事而焦头烂额，呵呵，不要气馁，我以前也被这个事弄得头大过。这时你需要检查你的网页最头部是否有如下一句话了？ 有的朋友也许会说，以前我新建网页后都把它去掉了，没用。现在我要...
[css教程] 完美兼容ie6,ie7,ie8以及firefox的css透明滤镜 日期：2011-10-08 15:36:06 点击：102 好评：0
本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果，之前本人也遇到过这样的问题，就是把一个层设置半透明后，内的文字也跟着半透明了，一直没找到合适的解决办法，今天看到designcss.org有一篇文章解决了这个问题，但有一点，发现在filter前边多加一个星号...
[css教程] 用CSS把标题超出的部分变成... 日期：2011-10-08 15:33:32 点击：67 好评：0
<html> <body> <style> .ellipsis span { white-space:nowrap; text-overflow:ellipsis; /* for internet explorer */ overflow:hidden; width:190px; display:block; } html>body .ellipsis { clear:both; } html>body .ellipsis...