HTML网站样式语法
作者：佚名 时间：2014-03-10
HTML网站样式语法
样式规则至少由三个基本部分组成：一个选择符（selector），这是受样式规则影响的HTMl或XHTML标记元素的名称，之后是由大括号（{}）括起并用分号分隔的一个或多个样式“属性：值（property:value）”对的列表：
selector｛property1:value1; property: value1 value2;...｝
selector｛property1:value1; property: value1 value2;...｝
例如，我们可以将文档中所有一级标题元素的内容颜色定义为green（绿色）h1{color:green}
在这个示例中，h1是选择符，也是一级标题元素的名称，color是样式属性，green是值，看起来简洁明了。
属性至少需要一个值，但许多属性包括了两个或更多个值。当有多个值时，可以用空格将它们分开，我们在第一个标例中定义property2的三个值时就是这样分割值的。有些属性则需要用逗号来将多个值分开。
目前能够识别样式的浏览器会忽略样式规则中元素的字母大小定问题。因此，H1和h1是同样的选择符，COLOR、color、Color也是相同的属性。曾经有一段时间，HTML作者惯用大定字符来表示选择符的名称，如H1、P和STRONG等。现在这个惯例还是通用的，W3C的CSS2文档中使用的就是这种惯例。
然而目前的标准指出，尤其是对与XML兼容的文档而言，元素的名称就是它们各自的DTD定义。例如，在使用XHTMl时，所有元素名（例如h1、P或strong）都是小写的，因此它们各自的CSS2选择符也必须都是小定字符。我们应该遵守这些新的约定。
任何有效的元素名（标签名减去围绕着它的“<”和“>”字符及属性）都可以是选择符。可以在选择符列表中包括多个标签名。
多个选择符
当用逗号分开时，选择符列表命名的所有元素都会受到样式规则属性值的影响。这可以使网站建设人员的工作变得轻松一些。例如：
h1,h2,h3,h4,h5,h6{text-aling:center}
它们与下列代码的作用都一样：
h1{text-align: center;}h2{text-align: center;}h3{text-align: center;}h4{text-align: center;}h5{text-align: center;}h6{text-align: center;}
这两种网站样式都告诉浏览器要居中排列1~6级标题的内容。显然，第一种版本更容易键入、理解和修改。只需要更少的=时间和更少的资源就可以在网络中传输这种样式。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/contact/20151229/n7324.html
