CSS的4种引入方式

1.直接引用，将style作为标签的属性

2.将style写为标签作为head的一部分

3.通过<link>引入css外部文件

4.通过import 导入css外部文件

for example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入css的第2种方式: div---通过选择器选择的标签,color---属性名，red--属性值-->
    <!--<style>-->
        <!--div{-->
            <!--color:red;-->
            <!---->
        <!--}-->
    <!--</style>-->
    <!--引入css的第3种方式-->
    <!--<link type="text/css" href="css_text.css" rel="stylesheet">-->
        <!--引入css的第4种方式-->
    <style>
        @import 'css_text.css';
    </style>


</head>
<body>
<!--引入css的第一种方式-->
<p style="color:red;background-color:black">hello p</p>
<div>hello div1</div>
</body>
</html>
========================================================================================
文件名为"css_text.css"的css文件
div{
        color:blue;
        background-color: green;
}
posted @ 2020-01-05 16:38  Stary_tx  阅读(2332)  评论(0)  编辑  收藏  举报