最近评论
正在载入评论列表...
CSS有3种方法可以作用于HTML文档：
（1）行内定义CSS样式属性；
（2）<style>元素统一定义CSS样式；
（3）外联CSS文件定义。
这3种方法所产生的样式定义效果完全相同。图3.1演示了这3种样式的作用方法。
图3.1 样式表作用于HTML文档的3种方法
以上列举的这3种方法的优先级逐渐降低。
3.1 行内任意位置定义样式
行内定义依靠每一个元素的style属性来实现，如示例3.1所示，设计者可以为各个元素单独定义style样式。
示例3.1
<body style="background-color: #cccccc; color: #000033;">
<h2 style="color: 003300; font-family: 黑体;">二级标题</h2>
<p style="line-height: 1.5em; font-size: 10pt;"> CSS有三种方法可以作用于HTML文档，这三种方法所产生的样式定义效果完全相同。
正如本例所示，所有元素都可以利用style属性控制样式。它的格式为“style=”，然后是英文半角双引号，在引号中进行样式定义。
样式定义格式为“属性名”后跟英文半角冒号，后跟属性值，最后是英文半角分号。示例3.2演示了这样的格式。
示例3.2
style="属性名: 属性值; 属性名: 属性值; 属性名: 属性值; ……"
“style”、属性名和属性值都是大小写无关的，且冒号之后的空格也是可以省略的。如果一次设置多个“属性名+属性值”的配对，则它们之间用英文半角分号分开，最后一个分号可以省略不写。如果只有一个“属性名+属性值”的配对，则最后的分号也可以省略不写。
另外需要说明的是，囊括“属性名+属性值”配对的双引号可以用单引号代替，甚至根本不用引号，示例3.3所示的几种定义方式都是可以生效的。
示例3.3
style="属性名: 属性值; 属性名: 属性值; 属性名: 属性值; ……"
style='属性名: 属性值; 属性名: 属性值; 属性名: 属性值; ……'
style=属性名: 属性值; 属性名: 属性值; 属性名: 属性值; ……
不过，当属性值本身包含双引号的时候，外部不能再用双引号囊括。示例3.4演示了这种情况。
示例3.4
<li style='font-family: "Times New Roman", Times;'>
行内定义样式属性拥有最高的优先级，它能够覆盖其他样式定义方式。
