CSS三:CSS的三种引入方式

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容