首页 > 代码库 > CSS的引入方式

CSS的引入方式

CSS引入方式


主要有3种引入方式:内嵌、内联、外联

1.内嵌
<h1 style="color: red;">我使用内嵌的写法加入CSS样式</h1>

个人不推荐使用这种,除非只会用一次样式

2.内联
<style>
    h2{
    color: green;
    }
</style>
<h2>我在使用内联的方式加入CSS样式</h2>

3.外联

在原网页head里面,加上链接,进行关联

    <link rel="stylesheet" href="http://www.mamicode.com/global.css"/>
关联后,直接使用


内联和外联的语法规则


    <style>
        选择器{
            属性1:属性值1;属性2:属性值2;属性n:属性值n;
        }
    </style>

属性是希望设置的样式属性,每一个属性都有一个属性值

CSS的引入方式