【css】如何导入css

内部样式

<head>
    <!--内部样式-->
    <style>
        h1{
            color: green;
        }
    </style>
</head>

外部样式

<head>
    <!--链接式 推荐使用-->
    <link rel="stylesheet" href="css/style.css" />
    <!--导入式 不推荐-->
	<style type="text/css">
 	 @import url("css文件路径");
    </style>
</head>

行内样式

<body>
<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color: red">这是标签</h1>
</body>

优先级：就近原则 行内样式 > 内部样式 > 外部样式

posted @ 2021-08-05 16:10  Erics-C  阅读(44)  评论(0)    收藏  举报