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