美文网首页
CSS三:CSS的三种引入方式

CSS三:CSS的三种引入方式

作者: 木易先生灬 | 来源:发表于2018-10-22 22:58 被阅读0次

    CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。

    #一、行内样式

    使用style属性引入CSS样式。

    示例:

    <h1 style="color:red;">style属性的应用</h1>

    <p  style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>

    实际在写页面时不提倡使用,在测试的时候可以使用。

    style属性的应用

    直接在HTML标签中设置的样式

    实际在写页面时不提倡使用,在测试的时候可以使用。

    #二、内部样式表

    在style标签中书写CSS代码。style标签写在head标签中。

    示例:

    <head>

       <style type="text/css">

          h3{

                color:red;

             }

       </style>

    </head>

    #三、外部样式表

    CSS代码保存在扩展名为.css的样式表中

    HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。

    语法:

    1、链接式

    <link type="text/css" rel="styleSheet"  href="CSS文件路径" />

    2、导入式

    <style type="text/css">

      @import url("css文件路径");

    </style>

    相关文章

      网友评论

          本文标题:CSS三:CSS的三种引入方式

          本文链接:https://www.haomeiwen.com/subject/sgwzsftx.html