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

CSS3教程

第2页

CSS3 background相关属性的使用

html5阅读(1320)

css3包含了多种新的背景属性,可以实现对背景元素更加强大的控制 这里主要讲述了 background-size 和background-origin 两种属性的使用方法 使用这两个属性要注意的有以下两点,Firefox 3.6 以下不支持...

掌握CSS3:一些实用的技巧

html5阅读(2185)

  追求完美是没有限制的,即便是娴熟有经验的 CSS3 大师,也一直寻求有助于他们达到 “CSS 禅道”(Zen of CSS)的新资源。本文收集了一些极为有用并有意思的 CSS3 技巧和窍门,是 Web 开发人员军...

利用CSS3相关技术实现按钮效果

html5阅读(1875)

由于CCS3增加了很多属性,对网页的设计和开发有了更多的可选择性。首先肯定是大热的是圆角border-radius了,其次就是颜色的渐变gradient了,还有就是可能要用到伪对象,下面这个例子就用到了:after了。

css3实现图片容器内等比缩放

html5阅读(3866)

实现图片在指定容器内等比例缩放,并控制中上下左右居中,以前可以通过javascript 加css2 的办法来控制,随着css3的普及,现在介绍一种单纯通过css来进行控制。 具体代码如下: <!html> <head>...

CSS3十个免费强大工具集锦

html5阅读(960)

CSS3 现在是非常模块化的,他规范了添加级联样式表,它拥有一些优秀的功能,革新了 Web 版式和设计。 虽然有很多优 点,但是,这并不意味着它不会有任何缺点 CSS3的是新的技术,虽然有很多改善。但最大问题之一是,浏览器的兼容问题,这意味...

15 个最新的 CSS3 教程

html5阅读(1121)

1. 创建一个漂亮的图标 这个教程将教你如何用纯CSS3创建一个图中的图标 2. CSS3 图片样式 这个教程将教你如何使用 box-shadow, border-radius和transition。 3. C...

CSS3动态按钮导航集锦

html5阅读(1507)

使用CSS3 Transitions and Animations制作的特效,有展示价格的按钮,有展开的导航,效果都很棒~   演示地址  完整下载 转自:http://gongxinjun.com/blog/...

盒子模型(box Model)和边框(border)

html5阅读(4171)

1 CSS盒子模型     首先来复习下CSS的box Model,box Model 是CSS+DIV布局的灵魂所在,下面这张图足以说明一切:       &...

关于CSS3中的Transform变形

html5阅读(1284)

在CSS3中,用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形,这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用,就会产生不同的效果,使用顺序不...

更简洁的 CSS 清理浮动方式

html5阅读(815)

    清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用无素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下...

用CSS3画Icon(WebkitOnly)

html5阅读(1441)

看到朱一那个用CSS做Icon的Blog( http://zyiangel.blogbus.com/logs/163538656.html ) 于是我就手痒 也用CSS3做一个,因为用了一下哦webkit的专有属性,而其他浏览器还没有支持所...

CSS3 Olympic Logo

html5阅读(1332)

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

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

html5阅读(1119)

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

用css3 media queries创建手机版网站

html5阅读(986)

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

CSS 3模块化简介

html5阅读(1113)

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

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

html5阅读(1339)

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

CSS3+jQuery制作切角的Tabs

html5阅读(1922)

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

CSS3教程HTML5教程