分享

怎么讲CSS样式插入HTML文件中

 大唐草根读书馆 2015-08-10

怎么讲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">
      This is a paragraph
</p>



    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多