HTML5先行者高级交流群

欢迎加入学习讨论
专注前端,专注网页设计制作及网站开发项目 - (低价承接网站开发项目) QQ:370158739加入收藏RSS
-
2016-04-21 21:02:31
CSS3阴影 box-shadow的使用演示
- text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对
-
2013-08-20 11:11:40
使用 CSS3 过渡: 完全指南
- 要求
必备知识
基本 HTML 和 CSS 技能。
其他必要产品
对于本教程,您需要使用文本编辑器和 Web 浏览器。
用户级别
全部
-
2013-07-13 23:38:06
CSS3前端开发中需要用到的变换矩阵
- 想写写关于矩阵变换的博文已经想了很久了,今天看到 winter 写的一篇博客CSS3:transform与transition背后的数学原理,于是就促成了本文。注意,下面的演示内容需要现代浏览器支持。比如Chrome/Firefox/Opera。
-
2013-07-13 23:37:38
CSS通用元素选择器的都市流言
- 本文尚未有测试数据支持,以下结论仅是根据现有情况的一种解释。关于 * 这个选择器,一直有个疑惑,到底是否影响效率。在先前的观念中,这由于要匹配所有的元素,让每一个元素都带上这个属性,所以会影响页面的效率
-
2013-07-13 23:36:42
真的还需要reset.css么?
- 我博客浏览量靠前的一直是《打造自己的reset.css》,然而,我对此的观点也已经有所改变,
所以,我觉得是时候写一篇博客阐述一下目前我的理解了。
注意,这是篇激进的博文,其观点并不客观中立,仅仅表示出我目前的想
-
2013-07-13 23:36:06
显示一些如title/meta之类的特殊元素
- title代表的是页面的标题,很多时候跟h1的内容是一样的。我在写页面的时候感觉总是重复一次很麻烦,
于是就索性把h1给删了,把title给显示出来参与页面布局,
这样整个页面就有趣多了
代码很简单head,title{dis
-
2013-07-13 23:35:36
基于CSS3的下一代Web应用开发,第1部分:发展历史及新特性
- CSS 的发展历史1982 年 Tim Berners-Lee 为使世界各地的物理学家能够方便的进行合作研究以及信息共享,创造了 HTML(HyperText Markup Language) 超文本置标语言。1990 年他发明了世界上第一个浏览器 Worl
-
2013-07-13 23:35:21
基于CSS3的下一代Web应用开发,第2部分:实现和应用
- 本文《基于 CSS3 的下一代 Web 应用开发》系列文章的第 2 部分,第 1 部分我们将介绍了 CSS 的发展历史,个版本的功能特点差异和 CSS3 引入的新特性。第 2 部分,我们针对这些 CSS3 新特性介绍其在不同浏览器
-
2013-07-13 23:35:15
基于CSS3的下一代Web应用开发,第3部分: 在IE中的特殊处理
- Opacity 透明度透明度属性是 CSS 中非常常用和流行的一个属性,目前已经广泛被主要浏览器支持,可惜的是 IE6/7/8 均不支持该属性。虽然 IE 没有支持这个 CSS 属性,但是我们可以通过使用 IE 特有的滤镜 filte
-
2013-07-13 23:35:09
纯CSS3制作的Windows7开始菜单
- 我对使用少量CSS3代码来实现很多效果这一过程非常的着迷,很多UI元素都需要用图片来展示其漂亮的外观,但是你可能不知道,单纯的CSS3代码也是可以实现的。下面我就用纯CSS3来制作Windows 7开始菜单(额外需要几
-
2013-07-13 23:34:54
CssGaga – AutoSprite
- 市面上有一些CSS Sprite Generator,要么是需要手动调整图片位置,要么需要保存图片并拷贝粘贴css代码,用起来很是麻烦,想必这也是没有大规模使用起来的原因吧。CssGaga使用了不同的思路,简化了所有这些操作,使
-
2013-04-22 13:15:41
CSS3布局模式:伸缩布局盒(Flexbox)
- 作者长期以来使用表格、浮动、行内块元素和其他 CSS 属性来布局网站内容。然而,这些并不是为复杂的页面和网页应用而设计的。不管是简单的垂直居中,还是灵活的网格布局都很难靠一己之力轻易实现,因此成就了 CSS 网格框架。但是,如果真的需要那么多项目来实现做这些事
-
2013-04-21 23:07:53
CSS3 background-size图片自适应
- background-size属性和background-origin属性、background-clip属性一 样,也是CSS3对于background新增加的属性。它的作用是指定背景图片的大小,比如:对于一个div块,我们需要为它添加一张图片作为背景,然 而图片大小并非总
-
2013-03-15 15:22:22
CSS3的文字阴影—text-shadow
- text-shadow曾经在css2中就出现过,但在css2.1版本中又被抛弃了,现在css3.0版本又重新捡回来了。这说明text-shadow这个属性非常值得我们做前端的人员重视。现在很多项目中,css3有很多属性被前端工程师们使用了,我在前面也分别介绍过css3中的渐变,透明度,圆角三个属性的使用,而且css3这么多属性中,我个人觉得text-shadow运用得是最多的一个属性,作为我们前端人员我觉得有必要学习并掌握这个text-shadow属性。
-
2013-03-07 22:38:57
轻松实现CSS3中渐变效果
- 今天从网上新收集了一个轻松实现CSS3中渐变效果,希望可以帮到那些初学者来学习,CSS3技术。如果觉得不错可以分享给大家。
-
2013-03-04 22:44:48
充分了解CSS页面布局和加载流程
- 充分了解CSS页面布局和加载流程,在本篇CSS技巧中我们将介绍页面加载的流程来帮助你更好的实现页面布局。
-
2013-02-24 21:20:41
精选 5 个漂亮的 CSS3 图片滑过特效
- 这篇文章将为大家分享5款漂亮的CSS3图片滑过特效,比如滑过后显示图片的详细文字介绍,又比如滑过后对图片进行淡入淡出的效果等等。让我们一起来看看,喜欢的朋友赶紧收藏。
-
2013-02-23 21:45:15
使用CSS3创建多级导航菜单
- [图片] metal_menu.png[代码] index.html 01 02 03 04 05 06 07 08 09
-
2013-02-21 21:28:27
分享css3.0的新属性的参考列表
- 文中的图表让我们对于每一个浏览器对css3.0新属性的支持情况一目了然,通过升级firfox、Chrome、Safari、Opera浏览器的版本是可以做到支持css3.0属性的,但ie浏览器的升级版本还是无法很好的支持css3.0的新属性!
-
2013-02-16 23:01:51
CSS3 box-shadow内阴影
- 浏览器参照基准:Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later
-
2013-02-16 22:57:03
CSS3中的Transition属性讲解
- W3C标准中对CSS3的transition这是样描述的:CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值...
-
2013-02-16 22:51:13
兼容所有浏览器的CSS3圆角..
- 解决CSS3圆角兼容所有浏览器的方法,如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持它。