CSS打造超炫进度条、柱状图
题目有点标题党了，先来个图弥补一下。
怎么样，是不是有点心动了，完全CSS+Div打造。再看一下简单而又漂亮的
是不是也还可以呢？下面看下代码是怎样的
css：
代码
1 .gra
http://cyqdata.cn/cnblogs/article-detail-38420
细微之处：比较两种CSS清除浮动的兼容
清除浮动是连续浮动元素之后的必备工作，在工作中我做到需要清除浮动的地方都要清除。
比如，我在瑞星的项目中一直这样使用：
.clear:after{content:'\0020';display:block;height:0;clear:both}.clear{*zoom:1}
观察腾讯微博项目，并不是每个浮动必须清除，但是如果内部元素连续浮动，其外部元素必然定高以避免找不到高度的情况，其清除浮
http://cyqdata.cn/cnblogs/article-detail-38291
【最新】五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。
当然，即使标准正式制定了，现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 H
http://cyqdata.cn/cnblogs/article-detail-38209
关于css中出现的bug以及修复方法(2)
上一章已经讲完了“特殊性和分类次序的问题”，金额下来我们开始讲
2.空白边叠加的问题
空白边叠加是另一个如果误解就会导致很多麻烦的css特殊性。下面我们来举个例子：
<div
http://cyqdata.cn/cnblogs/article-detail-37873
关于css中出现的bug以及修复方法
与许多编程语言相比，css是一种相当容易学习的语言。它的语法简单明了，而且由于它的表现本质，开发人员并不需要处理复杂的逻辑。但是，当在不同的浏览器中测试代码时，困难就会随之出现。浏览器bug何不一至的显示方式是大多css开发人员面临的主要难题。你的设计在一种浏览器上显示的很好，但在另一种浏览器上布局可能就会支离破碎。
&nb
http://cyqdata.cn/cnblogs/article-detail-37845
CSS3圆角详解
一、CSS3圆角的优点
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：
* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。
* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。
* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等），
http://cyqdata.cn/cnblogs/article-detail-37795
揭秘HTML 5和CSS3 Web实现飞跃的踏板
互联网的发展总是在不断地催生新技术的产生，而HTML 5和CSS 3是最近一直被讨论的热门话题，关于HTML 5与Flash之间的唇枪舌战一直不断，而CSS 3的新功能也让人们备受期待。那么HTML 5和CSS3究竟有哪些让我们眼前一亮的东西呢？
HTML 5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团
http://cyqdata.cn/cnblogs/article-detail-37635
精简高效的CSS命名准则/方法
一、“无”的哲学
佛家讲究“因果报应”，有果必有应。此段看似与主题没有血缘关系，实际讲的是“因”。
我个人比较喜欢老子的道家思想，并喜欢以其思想解释学习与工作中遇到的一些问题。例如我之前写过的“中国古代道家思想与网页重构的思考”一文。
老子有云：“天下万物生于有，有生于无&rdq
http://cyqdata.cn/cnblogs/article-detail-37632
CSS reset的重新审视 – 避免样式重置
一、CSS reset（CSS重置）的历史
根据淘宝射雕的叙述，最早的一份CSS reset来自Tantek 的undohtml.css，很简单的代码，Tantek 根据自己的需要，对浏览器的默认样式进行了一些重置。
其余一些有名的CSS reset如业界领袖Eric Meyer的reset，或是Tripoli Reset。
CSS reset的作用是让各个浏览器的CSS样式有一个统一
http://cyqdata.cn/cnblogs/article-detail-37596
跨浏览器开发：CSS代码的金科玉律
作为Web设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的。
理解CSS盒子模型
如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特
http://cyqdata.cn/cnblogs/article-detail-37595
模块化 CSS – 更有效地管理CSS
在刚学习CSS初期，就接触了"模块化CSS"这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的理解很乱，直接导致自己一直认为下面的分法是非常合理的：
reset.css //对浏览器的默认样式进行重设
layou
http://cyqdata.cn/cnblogs/article-detail-37586
分享最新20款非常棒的 CSS 工具
对于Web开发人员来说，找到有用的CSS工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS工具帮助开发人员创造更时尚，更有创意的网站。在这篇文章中收集了20个有用和强大的CSS工具，记得收藏起来哦。
CSS3 Generator – By Eric Hoffman and Peter Funk一款很棒的CSS3样式在线生成工具，由Eric Hoffman设计，Peter
http://cyqdata.cn/cnblogs/article-detail-37520
推荐10个很棒的 CSS3 开发工具
CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。尽管如此，有几个工具可以在你使用 CSS3 制作网站的时候起到很好的帮助作用。在这篇文章中，收集了10款非常有用的工具推荐给大家。
CSS3 Pie
使用CSS3 Pie可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。→ 访问 CSS3
http://cyqdata.cn/cnblogs/article-detail-37419
推荐12个漂亮的CSS3按钮实现方案
在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果，随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。
BonBon Buttons
Zardi
CSS3 Buttons With Simple Markup
Fancy Buttons
10 Nice CSS3 Bu
http://cyqdata.cn/cnblogs/article-detail-37249
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
今天学习jQuery,看到nth-child(even)用法，特意找了下这个选择器的用法,在CSS3标准中，用法很强大。
对此，我把CSS3标准中nth-child()用法大致介绍下： CSS3伪类选择器：nth-child() 简单的归纳下nth-child()的几种用法。 第一：nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。(EG) li
http://cyqdata.cn/cnblogs/article-detail-36945
发现一个特给力的编写HTML/CSS的插件——Zen Coding
这不是一个新东西，但它确实是个好东西。只能说我OUT了，这小插件还是在别人博客上一年前的日志里看到的，先来个链接吧，写的已经很详细了，我这里只是给自己做个记录，留给自己看的。（Zen Coding: 一种快速编写HTML/CSS代码的方法）
那Zen Coding到底是什么，又是如何使用的呢？我们看一下官方举的例子吧，如果你输入：
div#page>div.logo+ul#naviga
http://cyqdata.cn/cnblogs/article-detail-36734
分享50个 CSS3 最佳应用示例
CSS3 和 HTML5 是现在Web开发领域的技术热点，它们的确给 Web 开发带来了革命性的影响。今天，要与大家分享的是50个 CSS3 应用的最佳例子，从中你能体会到 CSS3 中许多让人欣喜的特性，尽情欣赏吧。
1- Leaves CSS3
2- Easily Turn Your Images Into Polaroids with CSS3
3- CSS3 Lightbox Ga
http://cyqdata.cn/cnblogs/article-detail-36711
推荐40个优秀的免费CSS工具
对于Web开发人员来说，找到有用的CSS工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS工具帮助开发人员创造更加时尚，更有创意的网站。在这篇文章中收集了40个有用和强大的CSS工具，记得收藏起来哦。
YAML Builder
YAML Builder是强大的可视化布局工具，只需要简单的设置参数和拖拽模块就能快速创建基于YAML的布局。
Ultimate CSS Gradient G
http://cyqdata.cn/cnblogs/article-detail-36511
css实战之怪异导航制作
如图：
类似这种菱形的不规则导航一般有三种制作方法：
第一种：将LINK和HOVER 两种状态的图片 合成一个CSS Sprite,通过定位，制作出相应的效果；
第二种：是将LINK和HOVER 两种状态的图片分别制作成CSS Sprite，然后分别定位；
第三种：就是用绝对定位；
以上三种方式，都必须要用图片，那么，如何不用图片就可以做出效果呢？
答案是：用CSS 和 XHTML
http://cyqdata.cn/cnblogs/article-detail-36453
将CSS压缩至一行的十个步骤
一 去掉因依赖代码提示产生的冗余字节：
1 去掉"{"右边的空格；
2 去掉";"右边的空格；
3 去掉"}"左边的";"；
4 去掉":"左右的空格；
5 去掉"!important"左边的空格；
二 去掉提高代码可读性的冗余字节：
6 去掉tab缩进；
7 去掉换行\r\n；
8 去掉注释\/\*(\s|.)*?\*\/；
三 建议书写时保持良好习惯的一些处理：
9 去掉":0px"和"空格+
http://cyqdata.cn/cnblogs/article-detail-36428