column-span 属性规定元素应横跨多少列。font-weight 属性设置文本的粗细。该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal，700 等价于bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。
<!DOCTYPEHTML>
<html>
<head>
<meta charset="utf-8">
<title>模仿杂志的多列版式</title>
<style type="text/css">
body {
border:1px solid #f90;
padding:10px;
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
}
h1 {
-webkit-column-span:all;
-moz-column-span:all;
column-span:all;
font-size:24px;
margin:0;
padding:5px 10px;
background-color:#e4e4e4;
text-align:center;
}
h2 {
font-size:14px;
text-align:center;
}
p {
text-indent:2em;
font-size:12px;
line-height:20px;
}
.first:first-letter {
font-size:24px;
font-weight:bold;
}
.b {
font-weight:bold;
}
</style>
</head>
<body>
<h1>CSS3的发展轨迹</h1>
<h2>作者：佚名</h2>
<p class="first">样式表自从CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。 </p>
<p>CSS2.0提供给我们了一个机制，让程序员开发时可以不考虑显示和界面就可以制作表单和界面，显示问题可由美工或是程序员后期再来编写相应的CSS2.0样式来解决。不过由于CSS2.0目前尚未见过很好的编辑软件，所以无法做到所见即所得，编写起来不易。</p>
<p>CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。</p>
<div><img src="images/pic.png" width="187" height="127" /></div>
<p class="b">CSS3选择器</p>
<p>在CSS2的基础上，CSS3又对CSS选择器进一步的扩充和增强.CSS3中的选择器，有着灵活的选择过滤机制，可以更简单的实现更强大的功能。</p>
<p class="b">时间表</p>
<p>几个模块现已完成，包括的SVG（可扩展矢量图形），媒介资源类型（MediaQueries）和命名，而其他的模块开发工作则仍在进行中。如果要给出一个预定的日期的话，非常困难，不管怎样，web浏览器将全面支持CSS3的各种新特点，一些新的探索已经开始了。针对不同浏览器，新的功能是逐渐应用的，仍然需要1-2年的时间，每一个新的模块才有可能被广泛应用。</p>
<p class="b">CSS3将给我带来哪些新的影响</p>
<p>首先，我们希望，这是个正确的方式，CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许你实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）。</p>
</body>
</html>
Processed:
0.010, SQL:
9
