随笔分类 -  CSS3

样式设置
摘要:各大浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准。本文是一份IE,Chrome,Firefox, Safari,Opera五大主流大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种特性支持情况的详细清单。 阅读全文
posted @ 2011-05-26 08:20 梦想天空(山边小溪) 阅读(32364) 评论(57) 推荐(13) 编辑
摘要:对于Web开发人员来说,找到有用的CSS工具,就像找到一个魔灯,可以让他那些艰难的任务变得有趣。CSS工具帮助开发人员创造更加时尚,更有创意的网站。在这篇文章中收集了20个有用和强大的CSS工具,记得收藏起来哦。 阅读全文
posted @ 2011-05-19 00:07 梦想天空(山边小溪) 阅读(8598) 评论(6) 推荐(5) 编辑
摘要:CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。尽管如此,有几个工具可以在你使用 CSS3 制作网站的时候起到很好的帮助作用。在这篇文章中,收集了10款非常有用的工具推荐给大家。 阅读全文
posted @ 2011-05-15 23:56 梦想天空(山边小溪) 阅读(23909) 评论(9) 推荐(13) 编辑
摘要:在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。 阅读全文
posted @ 2011-05-12 00:03 梦想天空(山边小溪) 阅读(39524) 评论(26) 推荐(18) 编辑
摘要:CSS3 和 HTML5 是现在Web开发领域的技术热点,它们的确给 Web 开发带来了革命性的影响。今天,要与大家分享的是50个 CSS3 应用的最佳例子,从中你能体会到 CSS3 中许多让人欣喜的特性,尽情欣赏吧。 阅读全文
posted @ 2011-04-26 07:51 梦想天空(山边小溪) 阅读(25458) 评论(8) 推荐(8) 编辑
摘要:对于Web开发人员来说,找到有用的CSS工具,就像找到一个魔灯,可以让他那些艰难的任务变得有趣。CSS工具帮助开发人员创造更加时尚的网站。在这篇文章中收集了40个有用和强大的CSS工具,记得收藏起来哦。 阅读全文
posted @ 2011-04-20 23:10 梦想天空(山边小溪) 阅读(26920) 评论(26) 推荐(32) 编辑
摘要:图片画廊用于在网站上显示系列图片,它已成为网站重要的组成部分。实现图片画廊有很多种方法,今天要与大家分享的是27个使用纯 CSS 实现的图片画廊,它们轻量、加载速度快。 阅读全文
posted @ 2011-04-18 00:09 梦想天空(山边小溪) 阅读(10159) 评论(11) 推荐(7) 编辑
摘要:CSS3 给 Web 开发带来了革命性的影响,以前很多需要 JavaScript 才能实现的复杂效果,现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话,可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等,尽情欣赏吧。 阅读全文
posted @ 2011-03-30 09:23 梦想天空(山边小溪) 阅读(37765) 评论(42) 推荐(23) 编辑
摘要:对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。本文精选了一些非常优秀的CSS3工具推荐给大家,欢迎大家分享更多更好的工具和资源。 阅读全文
posted @ 2011-03-09 00:21 梦想天空(山边小溪) 阅读(42790) 评论(26) 推荐(31) 编辑
摘要:看到有些网站的代码十分优雅,心想自己什么时候也能写出这么好的代码。其实,这不是一朝一夕能达到的,需要的实践中不断锤炼和提高。我们可以分析别人写得好的网页代码,进而更加快速的提高,下面向大家推荐20个基于DIV+CSS标准布局的站点,供大家欣赏和研究。 阅读全文
posted @ 2011-02-24 23:04 梦想天空(山边小溪) 阅读(9318) 评论(0) 推荐(3) 编辑
摘要:利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。 阅读全文
posted @ 2011-02-21 12:30 梦想天空(山边小溪) 阅读(7739) 评论(5) 推荐(8) 编辑
摘要:在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天我们就介绍使用@font-face实现个性化字体。 阅读全文
posted @ 2011-02-11 00:12 梦想天空(山边小溪) 阅读(39533) 评论(2) 推荐(5) 编辑
摘要:目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,本文介绍常用的Web字体格式及各浏览器兼容情况。 阅读全文
posted @ 2011-02-10 00:21 梦想天空(山边小溪) 阅读(29365) 评论(7) 推荐(13) 编辑
摘要:作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。 阅读全文
posted @ 2011-01-04 00:19 梦想天空(山边小溪) 阅读(3350) 评论(8) 推荐(5) 编辑
摘要:1 Cantya Studio预览 | 下载 | 来自 indeziner2 Creative Media预览 | 下载 | 来自 indeziner3 SindromK预览 | 下载 | 来自 indeziner4 Sleek预览 | 下载 | 来自 Template Fusion5 Urban Artist预览 | 下载 | 来自 Styleshout6 Temper预览 | 下载 | 来自 My Free CSS Template7 Facing预览 | 下载 | 来自 My Free CSS Template8 Simple Life预览 | 下载 | 来自 Template Fush 阅读全文
posted @ 2010-11-24 20:21 梦想天空(山边小溪) 阅读(1581) 评论(0) 推荐(2) 编辑
摘要:作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的css工具可以有效地节省你设计网站的时间。优化/格式化类CSSTidy – css Tidy是一个开源的css分析和优化工具; CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。 CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。 CSS Analyzer – CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。 字体类Em Ca 阅读全文
posted @ 2010-11-05 20:37 梦想天空(山边小溪) 阅读(1394) 评论(0) 推荐(0) 编辑
摘要:由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,特别有些莫名其妙的问题很让人头疼,今天要说这个问题就是这样的,先从插入CSS的三种方法说起 阅读全文
posted @ 2010-09-19 17:40 梦想天空(山边小溪) 阅读(3910) 评论(4) 推荐(4) 编辑
摘要:CSS3给WEB开发带来了革命性的影响,以前很多需要javascript实现的复杂效果,现在使用简单的CSS3就能实现。下面这些绚丽的图片画廊效果就是用CSS3实现的。还有件非常有趣的事就是很多人都在使用宝丽来效果。(提示:点击图片即可浏览Demo,为了能查看完整效果,请使用Safari、Chro... 阅读全文
posted @ 2010-08-15 16:58 梦想天空(山边小溪) 阅读(8043) 评论(15) 推荐(3) 编辑
摘要:其实这篇文章不是这里的,只是,后台很傻B地进不了了。也不知道是什么乱七八糟的问题。先写在这里,当做这么久没更新的偷懒好了。(而且,挑出来的这些都是精华呢!),大家各取所需吧:1. 默认Web字体样式 & 再谈 Web 默认字体这两篇文章是要联一起看的,总的来说,前者的精华在两句话(行高:1.5倍中的第2点和第3点),而玉伯的文章,在秦歌的文章后看,相信可以让你更好地知道如何选择排版中的字体。2. jquery、prototype、mootools、YUI的继承的实现继承、原型,两个难搞的东西,看看这些天才们是怎么来解决的。看看作者的理解和你的理解是不是一致的。3. Pixel Perfect 阅读全文
posted @ 2010-07-27 12:37 梦想天空(山边小溪) 阅读(1405) 评论(0) 推荐(0) 编辑
摘要:每一个设计爱好者,几乎都会浏览Gallery画廊站点。在这些站点里面,你可以欣赏到最优秀,最具创意,最有技术性的网页设计。美,就是用来享受的。帕兰每次看到自己喜欢的设计,都忍不住小小的激动一下。在这篇文章里面,帕兰为你收集了个Gallery站点,并进行简短的介绍。 它们当中有好有坏,如果你仅限于欣赏,挑一些适合你自己的。如果你正准备自己创建一个Gallery站点,那你恐怕应该每个都好好的研究一下,取长补短。因为我个人平常就比较喜欢浏览Gallery站点,再加上这篇收集,总结一些小小的经验与大家分计和探讨,主要是做为一个收集展示画廊应该注意的一些地方:求量同时求精。如果你想要被搜索引擎大量收录, 阅读全文
posted @ 2010-07-22 10:16 梦想天空(山边小溪) 阅读(2979) 评论(1) 推荐(0) 编辑