深入理解 CSS3 的线性渐变效果2010-07-10
为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希望不会持续太久。多亏Firefox 和Safari/Chrome,我们现在可以使用最少的努力实现强大的渐变。在本文中,我们将展示CSS渐变的简单实现以及该属性在Mozilla和 webkit内核浏览器中的不同。
有关清除浮动.clearfix的一些问题2010-06-29
在IE6, 7下面只要是触发了hasLayout的元素就可以清除内部浮动了。而在标准浏览器下面清除元素内部浮动的方法有很多,除了.clearfix:after这种方式,其余的方法无非就是产生新的Block Formatting Context以达到目的。如果可以做到在什么条件下用哪种方法,我认为这样就足够了……
小议使用“完整”的CSS的缺点2010-06-29
浏览器的漏洞或缺乏支持的CSS功能,导致不同的浏览器显示出不同的CSS版面编排。例如在微软Internet Explorer6.0的旧版本 ,执行了许多自己的CSS2.0属性,曲解了很多重要的属性,例如:width,height,和float。许多所谓的CSS人员,必须在最热门的或常用的浏览器中达到一致的版面编排。在不同的浏览器中,要达到像素精准的版面编排,有时候是不可能的。
处理不同浏览器之间的 CSS3 差异2010-06-28
尖端技术从来都不是没有代价的。有时这意味着新兴标准只能得到有限的浏览器支持,而当那些标准的草案改变的时候,也意味着你必须回去把你的代码重写一次。当这些同样的问题遇上仍在进行中的CSS 3规范的时候,就不仅是浏览器支持 非常少的问题了,而是大部分浏览器都有实现他们特定的前缀。这些前缀是非常复杂的事情,如果你需要把这些东西用在你的代码里的等方面,你通过需要更多的工作,而且——他们通常都是有目的的。
24个效果新颖的CSS3实例教程2010-06-27
Pure CSS3 Page Flip Effect。这是一个通过CSS3渐变、过渡、二维变换和剪裁技术, Roman Cortes 实现这一个纯CSS3的翻页效果 (没有用javascript). 当然也指定了Webkit 的浏览器 (Safari and Chrome).
兼容IE6的十条有用的修复方法2010-06-23
我们知道ie会在一段时间内仍然流行,但是我们仍然可以支持浏览器并且避免hacks和条件css吗?这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。
编写跨浏览器CSS代码的金科玉律2010-06-20
作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。
10个纯CSS3实现的图片画廊及滑块2010-06-19
基于JavaScript实现的图片画廊/滑块插件技术有成百上千款可供您选择,所有的产品提供的功能都是不同的,都提供了交互功能,而且都是比较容易使用且安装的。于是,现在的问题是,为什么您就不考虑纯粹用CSS来替代?
CSS控制div自动延伸到窗口100%高度2010-06-10
在前端人员之间有一个普遍存在的问题,如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现,但是,我想出了一个我个人比较喜欢的方法。今天,我将于你分享一下。
书写网页CSS样式表的六个好习惯2010-06-08
关于CSS网页布局id与class命名或许成为大家比较头疼的问题,在这里做一些相关的介绍,满足大家对知识的渴求。
如何书写兼容IE和Firefox的CSS2010-06-08
由于不同浏览器对于CSS解析结果不同,一段CSS代码在不同的浏览器下显示页面效果不一致,因此就需要写不同代码兼容各种浏览器,在不同的浏览器中都能得到预期的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack。CSS hack 的原理是不同的浏览器对CSS的支持及解析结果不一样以及CSS中的优先级的关系。<br />
让你惊奇的5个实用的CSS3实例2010-06-08
对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。
滚动条scrollbar属性、样式详解 2010-06-04
overflow内容溢出时的设置(设定被设定对象是否显示滚动条);overflow-x水平方向内容溢出时的设置;overflow-y垂直方向内容溢出时的设置;以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
CSS设计垂直间距优化文字界面2010-06-04
垂直间距的设置是文字布局的关键,也是比较复杂的地方,我们需要通过计算来实现精确布局,达到一种和谐的美,下面我将具体展示如何使用CSS设置垂直间距达到精确定位文字布局的目的。
用标准的CSS定义你的表格样式 2010-06-03
本文介绍如何正确使用xHTML语言里的table标签——他应该只为展示数据所用。本文将帮助你赋予您的表格可达性,并教会你如何用CSS来定义你的表格以获得需要的视觉效果。
关于display:inline的具体应用2010-06-02
今天就和大家讲讲display:inline在编写CSS中的具体应用,我相信很多朋友都碰到过用DIV+CSS来编写网页代码的时候,明明Macromedia Dreamweaver里显示是正常的,但上传到FTP上用IE6来查看网站的时候却出现了div错位或是下移,这是什么原因呢?
利用CSS边框实现网页中的3D效果2010-06-02
最近我更赞同使用浏览器渲软而非背景图片来实现外观效果,因为这可以节省时间,减少载入时间,另外可也提高了可维护性。我以前一般使用切图来阴影和按钮类型的效果,但是现在我更近一步了,让浏览器来完成这项工作。我想分享这其中的部分效果实例,以及如何轻松的来实实现。
如何在CSS里区分IE6、IE7和IE82010-05-28
针对IE8和之前版本:关键是在样式的最后缀上“\9”。对,只能是9,大于9或者小于9都不行。针对IE7和之前版本:有经验的Web Developer一定知道,关键在与样式前的*号。万恶的IE6,你可以用一个下划线把它区分出来。
精选30个优秀的CSS技术和实例2010-05-28
今天,我们为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。<br />
为今后项目制作空白CSS模板文件2010-05-28
如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们,那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实践。在这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的重设(Reset)方法,定义一些基本的方便的类,命名一些常见的页面区域等…