CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。你看,浏览器需要跟上了…… 注意:浏览器需要改进 尽管把...
现在我们来看一看如何为边框的border-color添加更多的色彩。 上一篇介绍了:CSS3教程(2):网页边框半径和网页圆角 使用CSS3的border-radius属性,如果你设置了border的宽度是Xpx,那么你就可以在这个bord...
页面中圆角的实现是个很头疼的问题,虽然现在有很多种实现方法,但是都是比较麻烦的。在本文中,让我们看看如何使用CSS3border-radius来实现圆角DIV。 H4跨浏览器兼容性/H4 就像在上一篇《CSS3教程:...
阴影大约从CSS2就开始有了,但是只有Safari一个浏览器支持它,到现在依然是这样。阴影在CSS3中可以应用在边框和文字上,就像图片的阴影效果一样。 上一篇介绍了:CSS3教程(3):border-color网页边框色彩 ...
使用CSS3可以为你的网站创建多列,而不用为每列制定特定的层或段落。 上一篇文章:CSS3教程(5):网页背景图片 与多背景图片一样,CSS3多列也是我最喜爱的一个技术。我想这条CSS3属性有在报纸和杂志布局中...
想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件?那么就使用CSS3嵌入字体吧! 上一篇:CSS3教程(6):创建网站多列 要使用一款字体,我们首先需要使用‘@font-face’属性。这必须先准...
CSS3透明…不透明…渐变…随便你怎么叫它吧!这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了,而IE一直不支持! 上一篇文章:CSS3教程(7):CSS3嵌入字体 “opacity”声...
使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。 上一篇文章:CSS3教程(8):CSS3透明度指南 RGBA像RGB一样设置颜色,而这个”A”——RGBA中的最后一个值——允...
使用CSS3HSL声明同样是用来设置颜色的。下一个呢?HSLA?是的,这个和RGBA的效果是一样的。 上一篇文章:CSS3教程(9):设置RGB颜色 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置...
有时候我们的博客上经常会提供一些资源供别人下载,但是像是PJBlog中,所有的下载链接都只用一个图标来表示。有了新CSS3的属性选择符这项新技术后我们就可以根据下载文件的不同类型显示不同的图标了。 &n...
最近我因为要安装Firebug1.4导致我不得不安装了Firefox3.5,所以很不小心地接触到了Wordpress后台那漂亮的文字阴影.也就是CSS中的text-shadow属性.所以今天我整理了一些资料,希望可以对大家有所启发. 首先...
尽管CSS3的诸多新特性还不被很多浏览器支持,或者说支持的不好。但作为一个前端开发人员,你总不能等到所有浏览器都完美支持它的时候再去学习。 CSS3到底给我们带来了哪些新特性呢?简单的说,CSS3把很多...
说到IE的bug,一个臭名昭著的例子是它对于“盒模型”的错误解释:在IE5.x以及Quirks模式的IE6/7中,将border与padding都包含在width之内。这为前端工程师的工作平添了不少麻烦,几户每个需要定义尺寸的box...
使用CSS3可以为你的网站创建多列,而不用为每列制定特定的层或段落。 上一篇文章:CSS3教程(5):网页背景图片 与多背景图片一样,CSS3多列也是我最喜爱的一个技术。我想这条CSS3属性有在报纸和杂志布局中...
如何检测用户的浏览器是否支持CSS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。 1)先制作下面的HTML 1.<spanid="check"rel="Detect"></span> 2)然后书写下面的CSS ...