摘要：
http://www.css119.com/archives/11502011年初学css3的时候，看到很多很炫的效果，那时就有个想法，想利用JS和CSS3编写的时钟效果，苦于各种原因，一直未能实施，呵呵。最近闲暇时候写个个时钟，OK，废话不多说，看代码（里面有详细注释，有问题建议请留言）：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>徐德明 阅读全文
文章分类 - CSS
CSS使用技巧
2013-03-29 15:51 by yezhi, 150 阅读, 收藏,
摘要：
http://www.ruanyifeng.com/blog/2010/03/css_cookbook.html作者：阮一峰日期：2010年3月31日最近，我开始升级网志了。在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。未来，本文将持续更新。1. 文字的水平居中将一段文字置于容器的水平中点，只要设置text-align属性即可： text-align:center;2. 容器的水平居中先为该容器设置一个明确宽度，然后将margin的水平值设为auto即可。 div#conta.. 阅读全文
字体笔记
2013-03-29 14:37 by yezhi, 194 阅读, 收藏,
摘要：
http://www.ruanyifeng.com/blog/2008/06/typography_notes.html作者：阮一峰日期：2008年6月28日昨天，我写了纪录片《Helvetica》的观后感。因为内容与字体有关，我就借这个机会，整理一下关于字体的笔记。需要说明的是，下面提到的字体都是指英语字体。中文字体因为各个平台差别太大，所以这里就不考虑了。==================一、字体的种类字体一共可以分为6个大类。1. serif （衬线类）2. sans-serif（无衬线类）字母末段带有装饰线的就是serif，反之就是sans-serif。上图中左边的就是衬线类字体Ge 阅读全文
自适应网页设计（Responsive Web Design）
2013-03-29 14:32 by yezhi, 103 阅读, 收藏,
摘要：
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html作者：阮一峰日期：2012年5月 1日随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的 阅读全文
《实用技巧》——让你的网站变成响应式的3个简单步骤
2013-03-27 22:40 by yezhi, 196 阅读, 收藏,
摘要：
http://www.cnblogs.com/lhb25/archive/2013/03/06/making-a-website-responsive-in-3-easy-steps.html如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。您可能感兴趣的相关文章2012年排名前20位的 CSS 网站作品25佳优秀的流体和响应式布局网页设计2012年最佳 Web 前端开发工具和框架25个国外优 阅读全文
【必备】史上最全的浏览器 CSS & JS Hack 手册
2013-03-27 22:39 by yezhi, 245 阅读, 收藏,
摘要：
http://www.cnblogs.com/lhb25/archive/2013/03/11/browser-css-js-hacks-browserhacks.html浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！IE 选择器 Hack?123/* IE 6 and below */* html 阅读全文
10个节约开发时间的CSS技巧
2013-03-26 22:38 by yezhi, 155 阅读, 收藏,
摘要：
http://blog.imbolo.com/10-css-snippets-to-save-time/CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。1.简单的纯CSS Tooltip通过这些代码，你可以做出简单的Tooltip。这是CSS代码：1234567891011121314151617a:hover { background:#ffffff; /*要兼容IE6的话必须添加背景色*/ text-decoration:none;}a.tooltip sp 阅读全文
浙公网安备 33010602011771号