精简扼要地对class命名，请勿使用自定义缩写。class name的命名必须是行为、有语意的。禁止在非特殊情况下写！CSS本身有权重设计，任意地使用!important会造成权重混乱而无法维护。用户可以自行设定自己的浏览器，例如Android手机可以设定

基本概念：transform 属性向元素应用 2D 或 3D 转换；该属性允许我们对元素进行旋转、缩放、移动或倾斜。这两点是Transform的概念和应用场景，重点在于2D和3D的转换，那么呢？2D和3D的转换是有一定的数学基础的，为什么这么说呢？从某一点

CSS3的出现，他同时引进了一些新的单位，包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of the root element”。下面我们就一起来详细的了解rem。前面说了“em”是相对于其父元素来设置字体大小的，这样

　　类选择器我们可以随意起名，而伪类选择器是CSS中已经定义好的选择器，不可以随意起名。　　我们来测试一下，我们给它添加一个超链接。　　然后是我们鼠标放上去的，一个颜色。　　因为index1不存在所以就不会存在被访问了。我们新建一个页面index1，那这样

花里胡哨的canvas实现太过于繁琐，这就是本文存在的意义.首先画一个简单的盒子:利用::before与::after画两个圆角值不同的不规则圆形:父元素设置overflow: hidden最后加上animation动画让两个不规则圆形旋转起来即可。效果图

本文总结下利用CSS steps 实现逐帧动画。网页中的逐帧动画，大致可分为两大类的实现方式， 分别是使用JS控制，和单纯使用CSS实现，两者的优劣总体概括来说就是： JS动画可控性更强，但开销大，实现复杂。另外在JS控制的动画中，又可分为JS控制的can

绝对长度单位表示为一个固定的值，不会改变。不利于页面渲染。

BT的受欢迎程度是大家有目共睹的，用它可以快速的搭建出网站。很早就接触过这个框架，其中的栅格系统，css模块化以及js插件做的相当不错，由于工作中较少使用也一直没有好好梳理下，这篇文章就来好好分析一下这个系统。下面总结几点本人觉得非常不错的点。BT的优势之

移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨

padding：10px; 四边统一内边距。padding:10px 20px 30px 40px; 上、右、下、左内边距。length 规定具体单位记的内边距长度。inherit 规定应该从父元素继承内边距。margin:10px 20px 30px;

<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 animation-direction 属性。

// app顶级目录，非必选项。如果指定值，baseUrl则会以此为相对路径。默认情况下所有模块资源都相对此目录。// 若该值未指定，模块则相对build文件所在目录。// closure: 使用 Google's Closure Compiler 的

国外很多相关介绍的文章，来看看一些效果gif吧~

现在网站追求越来越漂亮好看,越来越炫,所以css是必不可少的.可是我发现许多人使用css的方式是不对的,至少是不推荐的.比如哪天我突然要改变一个按钮的样式,那就坏了,只要包含按钮的页面的样式我都得改,比如有20个页面包含了按钮,那么我就得修改20个css文

按向左或向右箭头键切换，全屏观看会有更好的效果。

看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值一提。理解了它，一堆CSS布局的理论都 变得易于理解，并且体会到CSS这套设计的合理性所在。文档流将窗体

-webkit-border-radius:10px;border-radius:10px;

<div class="demo"> <ul class="clearfix"> <li id="first" class="first"&g

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">. <script type="text/j

如果给这样的跨行表格添加背景颜色 不能整行的添加 不然会有点难。