CSS的目标，或者说是革命纲领就是：“将样式与内容分离”，这个目标能否实现，很大程度上依赖于CSS访问内容的能力。在CSS3中，这个任务得到了有力支持，强大的结构伪类Structural
pseudo-classes出现了。提供了非常丰富的查询方式，让CSS选择器变得如此和蔼可亲了。让我们来快速概览...
分类：
Web程序 时间：
2014-05-26 22:29:42
阅读次数：
338
前几天同事问我css中单冒号和双冒号是什么意思，我也模糊得很，只有个笼统的概念就是：伪元素和伪类。一直以为，页面布局中很少使用到伪类，结果细细研究发现我们经常使用的hover就是一个最简单的伪类，顿时觉得自己太OUT了，紧跟着这两天都在看这些东西，其实伪类最简单的理解就是用于向某些选择器添加特殊的效...
分类：
其他好文 时间：
2014-05-26 22:25:40
阅读次数：
381
DOMContentLoaded介绍DOMContentLoaded事件的触发条件是：将会在“所有的DOM全部加载完毕并且JS加载执行后触发”。但如果“js是通过动态加载进来的话，是不会影响到DOMContentLoaded的触发时间”如下图所示，蓝色的线代表DOMContentLoaded开始触发...
分类：
Web程序 时间：
2014-05-26 22:21:04
阅读次数：
388
《基础篇》
http://www.cnblogs.com/lhb25/archive/2013/01/10/talks-to-help-you-become-a-better-front-end-engineer-a.html《CSS篇》
http://www.cnblogs.com/lhb25/a...
分类：
其他好文 时间：
2014-05-26 21:58:08
阅读次数：
257
流式布局，就是用百分比设置宽度的布局形式目标宽度/上下文宽度=值无标题文档
解决办法：使用CSS3中的box-sizing属性（IE8开始兼容了），这个属性用来规定，CSS中出现的width值是谁的宽度？无标题文档
这个属性在流式布局中特别常用无标...
分类：
其他好文 时间：
2014-05-26 15:19:26
阅读次数：
286
Demo: CSS3 ButtonsCSS3 Gradient Buttonsby Web
Designer Wall Rectangle or Rounded Can be Medium or Small Button Tag Span Div P
Tag H3 Gray Ro...
分类：
Web程序 时间：
2014-05-26 14:55:43
阅读次数：
381
盒子模型（Box Model）是 CSS 的核心，现代 Web
布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此。然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自
IE6，一种来自W3C 标准浏览器。盒子模型下图就是一个典型的盒子模...
分类：
Web程序 时间：
2014-05-26 13:11:26
阅读次数：
348
块元素又名块级元素(block element)，和其对应的是内联元素(inline
element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display...
分类：
其他好文 时间：
2014-05-26 13:04:15
阅读次数：
186
每天进步一小步，一年进步一大步。第一次发博客园文章，主要记录自己学习的一个过程。CSS3
背景CSS3
包含多个新的背景属性，它们提供了对背景更强大的控制。background-sizebackground-origin您也将学到如何使用多重背景图片。浏览器支持Internet
Explorer 9...
分类：
Web程序 时间：
2014-05-26 12:36:28
阅读次数：
273
初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中...
分类：
Web程序 时间：
2014-05-24 07:56:37
阅读次数：
445
