炫意html5
最早CSS3和HTML5移动技术网站之一

CSS3教程

第3页

CSS3 Olympic Logo

伦敦奥林匹克运动会将于当地时间2012年7月27日晚7点召开。 在这里小小介绍一下奥林匹克运动会和五环。奥林匹克每四年举行一 次,最早起源于古希腊的奥林匹亚,因此得名。奥林匹克五环标志,即我们简称的“奥运五环”,是由...

你知道的与不知道的CSS3选择器

CSS选择器除了id还有class还有后代选择器,属性选择器等等,准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果。 class 和 id ...

用css3 media queries创建手机版网站

css3在手持设备高速发展的带动下,在网页设计者和开发者孜孜不倦的追求下不断发酵,而它对于网站的最大好处莫过于对智能手机、平板电脑等的支持,使得用户通过iphone、ipad等设备都可以访问。想为网站创建一个适用于手机或者平板电脑等移动设备...

CSS 3模块化简介

CSS 1主要定义了网页的基本属性,如字体、颜色、空白边等。CSS 2在此基础上添加了一些高级功能,如浮动和定位;以及一些高级的选择器,如子选择器、相邻选择器和通用选择器等。 CSS 3开始遵循模块化开发,这将有助于理清模块化规范之间的不同...

让混蛋IE支持CSS3的项目-PIE

    看到那些美轮美奂的CSS3效果,是否很有实践的冲动,然而,扯淡的IE从中作梗,直叫人怎一个愁字了得。有没有想过有一个项目可以让IE支持CSS3,你认为不可能是吧,告诉你,没有什么不可能的。下面,就让我们的主角PI...

CSS3+jQuery制作切角的Tabs

今天在Red阅读了一篇《CSS3 tabs with beveled corners》博文,介绍了使用CSS3制作切角的Tabs,觉得特有意思。其中含量最高的并不是其如何实现的Tabs,而是其中如何使用CSS3来制作切角效果,如: 随着We...

CSS3 @font-face详细用法local

当我们想让自己的网站显示某一特定字体时,既要考虑用户电脑的情绪,又要考虑继承性,那么我们就要采取点措施了。 我们需要css中的@font-face属性来调取我们所需要的字体地址。 在这里要说明下字体格式:   我们最经常遇到格式是...

CSS渐变之CSS3 gradient在Firefox3.6下使用

摘要:Firefox3.6包含了许多CSS的改进,本文将向您展示如果使用CSS渐变。 如果你正在运行的Firefox3.6的最新测试版,你应该看看我们的互动演示,并查看相应的代码。使用单选按钮来切换不同的样式选项。 背景使用CSS渐变显示可...

24个为Web开发人员准备的CSS3实用教程

本文搜集了一些关于 CSS3 的最新教程。你可以根据这些教程或技术来实现网页设计,包括:文字阴影、圆角框、盒模型尺寸计算(box sizing)、透明效果处理、多重背景、边框图像等。以下这些都是非常实用的 CS...

10个加速CSS开发的框架

CSS可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而CSS本身是不支持的。本文介绍了10个CSS预处理器,让CSS支持一些简单的编程语法。 1.Compass     Compass是一个开源的CS...

20个很酷的CSS3导航菜单制作教程

CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家推荐...

CSS3 API手册v1.0

前端时候看过一次CSS3的东西。现在再次翻出来看,好像很多东西都忘记了,所以做了一个简单的CSS3 API手册来加深印象,希望能对不止一个人有用。这个CSS3的手册有点简单,基本都是w3c上面的内容,而且没有包含CSS2的具体内容在里面,虽...

利用css3的transition实现slide

  最近感觉自己对css3动画一知半解,没有去认真揣测其中参数的含义。今天利用空闲时间,先从常用的transition来入手。   Transition对应的CSS属性列表:   1、transition-property   * 指定当元...

CSS3各属性范例整理

以下收集的是CSS3各属性范例,如圆角、阴影、动画等,都是些非常基础的知识,希望对你有所帮助! CSS3边框圆角特效(border-radius): 属性: border-top-right-radius border-bottom-rig...

CSS和CSS3按钮选择器对比

CSS3按钮选择器,通过CSS3新特性把普通的html链接设计成视觉上平滑的按钮m包括梯度背景、圆角、下拉阴影,以及转换等效果。支持CSS 3动画,可以把按钮逐渐地从默认状态变为悬停状态,你可以在不使用如上图那样的图片的情况下得到一个漂亮的...

47个惊人的CSS3动画演示

或许你已经看过很多关于CSS3动画的技术,包括前端观察之前发表的一些,那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。   1.使用jQuery...

JQuery和CSS3给图片制作圆角

圆角,这东西在Web页面应用方面,大家在熟悉不过的东西了,以前是使用图片来制作,但现在敢于挑战的同学也在尝试使用CSS3的border-radius来制作圆角。在前面,我在《CSS3的圆角Border-radius》专门介绍过CSS3的bo...

CSS3教程HTML5教程