[css教程] CSS3入门教程(8)：关于透明度 日期：2011-02-25 09:38:08 点击：110 好评：0
CSS3透明…不透明…渐变…随便你怎么叫它吧！这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了，而IE一直不支持！ “opacity”声明用来设置一个元素的透明度：层、文字、图片等…一个opacity的值为1的元...
[css教程] CSS3入门教程(7)：嵌入字体 日期：2011-02-25 09:22:57 点击：142 好评：0
如果你想让网页显示很漂亮的字体但是又不想使用图片，那就使用CSS3嵌入字体吧！ 如果要使用一款字体，我们需要使用到@font-face属性。这必须先准备好我们要用的字体文件。 尽管这样，让我们简单的学习一下字体方面的历史。@font-face属性从CSS2就已经考虑了，但却始终...
[css教程] CSS3入门教程(6)：多列/多卷 日期：2011-02-25 09:18:57 点击：140 好评：0
对文字排版中，多列显示是很常用的一种方法，我们大多时候都是为每列制定特定的层或段落，使用CSS3可以很方便的实现这一效果，而不用与多背景图片一样，CSS3多列也是我最喜爱的一个技术。我想这条CSS3属性有在报纸和杂志布局中以外的很多潜在的用途。如果你在某个想法或...
[css教程] CSS3入门教程(5)：背景图片(背景大小和多背景图) 日期：2011-02-25 09:14:54 点击：586 好评：0
现在它在CSS3中对背景图片/纹理很重视，我们可以应用多背景图和背景图片尺寸来实现很好的效果。 CSS3的背景图片大小可以写成 background-size:Apx Bpx; -Apx = x轴(图片宽度) -Bpx = y轴(图片高度) 了解了这些，我们开始体验这个特性吧： 最好支持CSS3背景大小的浏...
[css教程] CSS3入门教程(4)：关于阴影 日期：2011-02-25 09:07:44 点击：190 好评：0
其实大家都知道CSS的阴影从CSS2开始就有了，不过只有Safari浏览器支持它，到现在还是这样子。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cp...
[css教程] CSS3入门教程(3)：边框颜色 日期：2011-02-25 09:04:38 点击：296 好评：0
本文我们将学习如何为边框的border-color添加更多的色彩。 使用CSS3的border-radius属性，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6中颜色，那么最后一个...
[css教程] CSS3入门教程(2)：边框半径和圆角 日期：2011-02-25 08:42:13 点击：285 好评：0
web设计中圆角虽然很漂亮，但是实现起来却不是很方便，虽然现在有很多种实现方法，但是都是比较麻烦的。在本文中，让我们看看如何使用CSS3 border-radius来实现圆角DIV。 关于border-radius的介绍也可以参考一下本站之前发布的《详解CSS3:border-radius》 跨浏览器兼...
[css教程] CSS3入门教程(1)：CSS3简介 日期：2011-02-25 08:34:15 点击：340 好评：0
本系列教程需要你浏览器的支持，经本站测试Firefox浏览器可以支持，其他浏览器请自行测试。如果想使用CSS3请确认有针对不支持CSS3的浏览器的兼容方法。 CSS3的浏览器支持状况： √ Firefox (3.05+…部分支持) √ Google Chrome (1.0.154+&he...
[css教程] 详解CSS3:box-shadow 日期：2011-02-24 12:57:39 点击：592 好评：0
详解CSS3，本文详解box-shadow，使用box-shadow属性可以让我们轻松实现图层阴影效果。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: * Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新...
[css教程] css3教程：弹性盒模型 日期：2011-02-24 12:47:20 点击：598 好评：0
Css3引入了新的盒模型就是弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体...