教程说明： 本教程系个人抽工作之余所作，按照我个人的想法我是想将一些基本的东西以较为轻松的语言描述出来，做成一个系列教程（这需要时间，我会努力抽空更新的），争取让每一个看这个东东的人都能有所收获，但是因作者本人水平有限，不妥当之处敬请留言批评指正。 本教程假设您没有任何 CSS 样式表语言的基础，甚至，您

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 　　2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 　　3、一个兼容性调整(IE和Mozilla)的笨办法：初学可能

设计师常常使用一些独特的字体效果和页面效果，阴影是其中一个，它可以让页面中的文字和元素具有立体的效果，从而被突出出来。传统的方法我们可能常常需要将文字切出来，直接使用图片，如果考虑SEO和网站性能，还可能会使用CSS Sprites等技术将图片整合，比如： 1234 h2 { background : url ( sprites.

今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是多么的有用. 1.CSS Clip Clip属性就像一个遮蔽物.它可以把元素内容不

这两天接到新的任务，从负责设计的小猪手里拿到设计稿，虽然她一再强调这次一定不会出现这样或者那样的误差，按照以往的惯例，还是打开psd文件，ctrl+R打开标尺 ctrl+;调出辅助线。页面宽度959px...无语，虽然只有1像素，但还是很想发飙....我没想过要完美的设计稿，细致的标注，严格的视觉规范的文档，起码页面的整体宽度，

很早之前就有发现这个问题，也慢慢的摸索出了一些避免这个问题的规律，但是因为比较懒，迟迟没有细究原因，今天再次遇到，忍无可忍...一探究竟。 长出现两种情况 （一）margin-top失效 先看下面代码： div div class=box1 float:left/div div class=box2clear:both; margin-top:20px;/div /div 两个层box1和box2，box1具有

这下子彻底土了，昨天乱寻思，结果俺发现的问题令一大群人跟着土了个稀里糊涂。 先来看一段入门级的简单代码： div id=box class=haha wowo gaga/div 这段代码代表一个ID为box，拥有三个class属性（分别是haha、wowo、gaga）的DIV标签。 现在我想设置这个DIV层的宽度和高度都是300像素，背景色为绿色。我们可以这么设置：

当li元素设置了高度，且li内元素浮动时会触发该bug。 styleli{ background-color: green; height: 20px; }li a { float: left; }li span { float: right; }/styleullia href=aaa/aspanbbb/span/lilia href=aaa/aspanbbb/span/li/ul [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 解决方法： li设置css vertical-a