2.3 用样式标定义外观

2.3 用样式标定义外观
样式标作为一个web开发的标准，不经用于一般的web应用，ajax也经常用到。像是标为我们提供了一个集中控制样式的途径，他非常简明的控制了页面中的控件样式。大致算来，如字体，颜色，透明度，字体大小，边界，背景图片,样式表定义了元素之间的布局核对单独的元素施加影响，通过样式表可以达到很强的视觉效果。
在通常的web应用中，样式表可以定义一次，对多个叶面进行控制。再ajax中，我们不再考虑一段时间内也免得更新，但是样式表仍然是很有帮助的，他能够预先定义一个样式外观然后，动态的对元素进行应用，而且使用了最小的代码。我们将看到一个示例，但是在此之前先看看他的规则。
样式表可以定义在一个单独的文件中，也可以再web中定义，但是这是一个不好的习惯。
一个样式规则通常包括两个部分，选择器和样式声明。选择器定义个那个元素将会被定义，他的属性是什么。我们向定义一个标题，level-1,并且红色，那它的样式规则就是是：h1 { color: red }
这个选择器很简单，文档中所有的h1将被定义。生命也很简单，修改了一个简单的样式属性。在实际上，我们可以定义得非常复杂。