-
CSS3教程:background-clip和background-origin
background-clip 和 background-origin 是 CSS3 中新加的 background module 属性,用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position...
2014-11-16 21:49 -
jQuery插件实现css3效果
css3可以轻松实现很多譬如图片边框、多重背景、文字阴影等效果,但是目前支持css3的浏览器少之又少,往往了实现圆角效果要去写一堆代码,下面介绍的这些强大的jQuery插件可以轻松帮...
2014-11-16 21:49 -
CSS3系列教程:HSL 和HSLA
使用CSS3 HSL声明同样是用来设置颜色的。下一个呢? HSLA? 是的,这个和RGBA的效果是一样的。 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘:0和...
2014-11-16 21:49 -
利用CSS3特性和浏览器中的工具进行网页设计
级联样式表在13年前被引入,而且被广泛使用的CSS 2.1 标准在11年前被创建,显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步事实上,我们也无法想象。...
2014-11-16 21:49 -
CSS3灵活的盒子模型(Flexible Box Module)–2
继上一篇《 CSS3 灵活的盒子模型(Flexible Box Module) 1 》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module) 1》。 在 CSS2 里,要把一个...
2014-11-16 21:49 -
CSS3灵活的盒子模型(Flexible Box Module)–1
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试,我发现这种新的盒子...
2014-11-16 21:49 -
CSS实现跨浏览器兼容性的盒阴影效果
一、无关紧要碎碎念 在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果: 然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用...
2014-11-16 21:49 -
CSS3线性渐变教程
为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能还必须这样做,但是希望不会持续太久。多亏Firefox...
2014-11-16 21:49 -
利用CSS3 Gradients创建无图片水晶按钮
没有css3之前,我们需要在PS中创建水晶按钮。有了css3,我们可以很容易生成水晶按钮。尽管CSS3 Gradient还未得到大多数浏览器的支持,但各主流浏览器已经在自己的内核中支持css3 Gradie...
2014-11-16 21:49 -
网站设计中使用CSS的注意事项
大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与报告分...
2014-11-16 21:49