css引入方式?css引入方式

css引入方式

行内式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p style="font-size: 50px;color: red">段落</p>
</body>
</html>

内嵌式
外链式

导入式

- index.css
body{
    background: yellow;
}
- html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        @import "css/index.css";
    </style>
</head>
<body>

</body>
</html>