摘要：
CSS3，我们可以创建动画，它可以取代许多网页动画图像，Flash动画，和JAVAScripts。 CSS3 @keyframes 规则 要创建CSS3动画，你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前 阅读全文
摘要：
CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规定两项内容： 指定要添加效果的CSS属性 指定效果的持续时间。 要添加多个样式的变换效果，添加的属性由逗号分隔： 阅读全文
摘要：
这里使用了transform模块可以对元素进行移动、缩放、转动、拉长或拉伸。 提供了以下方法： translate() rotate() scale() skew() matrix() translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 效果如下： 使用tr 阅读全文
摘要：
以前CSS的版本，网页设计师不得不使用用户计算机上已经安装的字体。 使用CSS3，网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。 在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirst 阅读全文
摘要：
text-shadow 效果如下： CSS3文本溢出属性指定应向用户如何显示溢出内容 效果如下： clip：默认 ellipsis:文本溢出显示省略号 text-overflow: '>>'：只在火狐浏览器下有效 如果某个单词太长，不适合在一个区域内，它扩展到外面： CSS3中，自动换行属性允许您强 阅读全文
摘要：
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的 阅读全文
摘要：
CSS3中包含几个新的背景属性，提供更大背景元素控制。 在本章您将了解以下背景属性： background-image background-size background-origin background-clip CSS3中可以通过background-image属性添加背景图片。 不同的背景 阅读全文
摘要：
使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 一下分别给背景,边框,图片添加了圆角 效果如下： 如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。 但是，如果你要在四个角上一一指定，可以使用以下规则： 四个值: 第一个值为左上角 阅读全文
摘要：
效果如下: 还可以可单独的角添加圆角 border:左上角丨右上角丨右下角丨左下角 如果只给左下角添加圆角那么就是：border-radius:0 0 0 25px; 就是这样 css盒阴影 CSS3 中的 box-shadow 属性被用来添加阴影: 效果如下: CSS3 边界图片 效果如下: 阅读全文
摘要：
CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要CSS3模块如下： 1.选择器（.基本选择器，层次选择器，伪类选择器，伪元素，属性选择器，通配符） 2.盒模型(弹性盒子) 3.背景和边框(边框:圆角 阴影边框图像 背景:background-size,多重背景 ) 4.文字特 阅读全文
摘要：
CSS3分成了不同类别，称为“modules”。而每一个“modules”都有于CSS2中额外增加的功能，以及向后兼容。CSS3早于1999年已经开始制订。[18]直到2011年6月7日，CSS 3 Color Module终于发布为W3C Recommendation。[19] CSS3里增加了不 阅读全文
摘要：
这是昨天遇到的问题因为表格里面套了层表格出现了双层的边框,昨天折腾了很久最终才知道有个属性叫 border-style:hidden 可以解决边框冲突！ 左边的边框加上了该属性之后 阅读全文
摘要：
浏览器显示： inline-block默认有间距 可以这样写： 浏览器显示: 元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就木有了。 阅读全文
摘要：
属性书写顺序 [建议] 同一 rule set 下的属性在书写时，应按功能进行分组，并以 Formatting Model（布局方式、位置） > Box Model（尺寸） > Typographic（文本相关） > Visual（视觉效果） 的顺序书写，以提高代码的可读性。 解释： Formatt 阅读全文
摘要：
看到教程上和一些博客上盒子模型的宽度 = content + padding + margin + border,应该是不包括margin的 浏览器显示： 我们来算一下盒子模型的宽度：如果按照其它教程上应该是 content + padding + margin + border 我们来计算一下 3 阅读全文