记得以前讲过一节怎么将CSS及JavaScript与HTML文件结合起来,这节我们具体来介绍如何在HTML文档中插入CSS样式,常见的方法主要有以下三种:
当想将样式应用于多个页面时,可以考虑使用外部样式表,每个页面使用标签就可以链接到样式表,注意标签应该在文档的头部,如:
当某个文档需要特别的规则时,可以考虑在此文档中插入内部样式表,可以使用
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image:url("images/back40.gif");}
内联样式
在这种样式下,表现跟内容是混在一起的,这样会损失掉样式的许多优势。直接在响应标签内使用style属性进行定义,如:
This is a paragraph