CSS的调用方式

　　CSS共有四种调用方式。

 

一、直接为对应标签设置style属性（内联式）

<p style="color:red">。。。。。。</p>

这种方式无法复用，修改起来很繁琐

 

二、在HTML的<head></head>内通过<style></style>书写（嵌入式）

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        p{
            color:red;
        }
    </style>
</head>

可以实现标签复用，但在多网页复用方面仍显得繁琐（有许多网页使用同样的样式的话，一旦要改，就要去各个网页里依次修改）

 

三、引入外部CSS（外部式）

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="1.css">
</head>

 

推荐使用第三种

posted @ 2020-08-02 22:46  leatral  阅读(419)  评论(0)  编辑  收藏  举报