text.html

 
<p class="zw">CSS工作组的章程上显示了目前正在开发的模块，这不是一个详尽的清单，我选择了与我们最相关的10个模块。</p> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 动画</strong></td> 
   <td>w3.org/TR/css3-animations</td> 
  </tr> 
  <tr> 
   <td colspan="2">使用关键帧，随着时间的推移改变css属性值来实现动画。这些关键帧动画的行为可以通过指定时间、重复的次数、重复的行为来控制</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 背景和边框</strong></td> 
   <td>w3.org/TR/css3-background</td> 
  </tr> 
  <tr> 
   <td colspan="2">使我们能够控制背景图片的大小、重复一个合适的背景图、在盒模型的边框和圆角上使用背景图</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>合成和混合</strong></td> 
   <td>w3.org/TR/compositing</td> 
  </tr> 
  <tr> 
   <td colspan="2">混合模式允许我们使用若干个元素来做混合背景，你可以在Adobe Photoshop里找到类似的工具</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>滤镜效果</strong></td> 
   <td>w3.org/TR/filter-effects</td> 
  </tr> 
  <tr> 
   <td colspan="2">使用CSS来为元素添加滤镜效果，像Adobe Photoshop里的滤镜工具一样</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 弹性布局</strong></td> 
   <td>w3.org/TR/css3-flexbox</td> 
  </tr> 
  <tr> 
   <td colspan="2">CSS布局中一个重要的新工具，弹性布局使我们能过轻松实现水平和垂直两个方向上元素的排列</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 栅格布局</strong></td> 
   <td>w3.org/TR/css3-grid-layout</td> 
  </tr> 
  <tr> 
   <td colspan="2">一种将可用空间划分成列和行的新标准，我们这本书不详细介绍CSS栅格布局</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 多列布局</strong></td> 
   <td>w3.org/TR/css3-multicol</td> 
  </tr> 
  <tr> 
   <td colspan="2">无需额外标记来生成伪列，并控制它的数量和宽度，以及列间距和分配器</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 形状</strong></td> 
   <td>w3.org/TR/css-shapes-1</td> 
  </tr> 
  <tr> 
   <td colspan="2">使我们能够在CSS文本流周围设置形状。形状可以是几何图形、多边形或者长方形，也可以通过alpha通道图像来创建</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 转换</strong></td> 
   <td>w3.org/TR/css3-transforms</td> 
  </tr> 
  <tr> 
   <td colspan="2">匹配许多SVG提供的控件，CSS通过这个模块去控制元素的移动、旋转、缩放和倾斜</td> 
  </tr> 
 </tbody>
</table> 
<table border="1" width="90%"> 
 <tbody>
  <tr> 
   <td><strong>CSS 过渡</strong></td> 
   <td>w3.org/TR/css3-transitions</td> 
  </tr> 
  <tr> 
   <td colspan="2">和动画不同，CSS过渡使一个属性使用css来代替脚本，在两种状态间平滑过渡，例如在正常和划过之间改变超链接的颜色</td> 
  </tr> 
 </tbody>
</table>