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  阅读(407)  评论(0编辑  收藏  举报