CSS3教程
-
[译] 一个健壮且可扩展的 CSS 架构所需的8个简单规则
CSS architecture 这是一份清单,里面列出了在我多年的专业 Web 开发期间,在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。我多次被人问起这些东西,…… -
chrome和百度浏览器CSS字体大小小于12px不起作用解决方法和根本原因
chrome和百度浏览器CSS字体大小小于12px不起作用的根本原因是,百度浏览器和chrome用的是webkit内核,而webkit默认支持最小字号为12px。 那么,如何解决CSS字…… -
简洁的图标Cikonss:CSS3响应式图标字体
在这篇文章中,给大家介绍一个很简洁的图标 Cikonss,和一般的图标或图标字体不一样的地方在于,它使用CSS来创建的,而不是图片创建也不是字体图标。包含了40…… -
Web开发者的福利:30段超实用CSS代码
上周发表了一篇“ Web开发者不容错过的20段CSS代码”,大家一致觉得很实用。该文是笔者对后30个的翻译,希望对大家有帮助。 1.花式连字符(&) 这个类应该在sp…… -
CSS实例教程:创意CSS3头像展示教程
今天就为大家分享一个非常有创意的CSS3头像展示效果,交互性强,是一个基于css3和js来实现的,代码量不多,但是最终的效果却很让人赞叹,所以特别推荐给大家…… -
-
CSS3制作迷你播放器面板
这是格子同学提供的一款由CSS3制作的迷你播放器面板的案例(时间效果是由jQuery完成)。这个案例仿Mac电脑的窗口风格设计,整个面板分成三部分,顶部由标题和最小化、最大化以及关闭按钮组成(这三个按钮功能未添加);中间部分类似于播放器一样,左边是播放的按钮(播放、中止和停止)三个组成,以及播放时间的计算(时间效果由jQuery完成);最底下部分是整个时间的统计文本。整体效果清爽,设计层次清晰。当然大家关注的还是使用了什么技术,这里我们仅仅面板效果来说的话,并不复杂,只使用了CSS3的圆角、阴影、渐变和@font-face几个简单的属性,感兴趣的话继续往下看代码吧。 -
-
15种基础的可以直接使用的CSS3样式
本篇文章将列出一些基础简单的CSS3样式,你可以把它们放在手边,需要用的时候随时拿过来修改成自己的风格就可以使用。为了使我们得CSS3样式可以重复使用,我把…… -
25个CSS3高级用户界面特效教程(2)
本文中介绍了25个CSS3的高级用户界面特效,其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等 -
25个CSS3高级用户界面特效教程(1)
本文中介绍了25个CSS3的高级用户界面特效,其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等 -
-
-
简单的HTML5+CSS3关键帧动画
现在我们可以用CSS3+HTML5制作吸引眼珠的动画了,为了展现这一特色,我们分析使用CSS3如何制作钟表指针按中心旋转的动画。 本文创建CSS3动画,我们使用了两个…… -
-
纯CSS3制作的Windows7开始菜单
我对使用少量CSS3代码来实现很多效果这一过程非常的着迷,很多UI元素都需要用图片来展示其漂亮的外观,但是你可能不知道,单纯的CSS3代码也是可以实现的。下…… -
CSS3网页设计参考-15个漂亮CSS3网站
今天分享的作品集网站有些特别,因为他们都是使用 CSS3 技术制作的。对于设计师来说,为了吸引注意力,作品集必须展示出你的能力,这有点像制作简历,要让人…… -
CSS3 background相关属性的使用
css3包含了多种新的背景属性,可以实现对背景元素更加强大的控制 这里主要讲述了 background-size 和background-origin 两种属性的使用方法 使用这两个…… -
-
利用CSS3相关技术实现按钮效果
由于CCS3增加了很多属性,对网页的设计和开发有了更多的可选择性。首先肯定是大热的是圆角border-radius了,其次就是颜色的渐变gradient了,还有就是可能要用到伪对象,下面这个例子就用到了:after了。 -
css3实现图片容器内等比缩放
实现图片在指定容器内等比例缩放,并控制中上下左右居中,以前可以通过javascript 加css2 的办法来控制,随着css3的普及,现在介绍一种单纯通过css来进行控…… -
-
15 个最新的 CSS3 教程
1. 创建一个漂亮的图标 这个教程将教你如何用纯CSS3创建一个图中的图标 2. CSS3 图片样式 这个教程将教你如何使用 box-shadow, border-…… -
-
盒子模型(box Model)和边框(border)
1 CSS盒子模型 首先来复习下CSS的box Model,box Model 是CSS+DIV布局的灵魂所在,下面这张图足以说明一切: 元素框的最内部分是实际的内容,直接包围内容……