css的导入方式

大力pig

已于 2023-04-01 15:19:25 修改

阅读量86

点赞数

分类专栏： html & css 文章标签： css 前端 html

于 2023-04-01 15:19:11 首次发布

本文链接：https://blog.youkuaiyun.com/m0_53753920/article/details/129676073

版权

html & css 专栏收录该内容

4 篇文章

订阅专栏

行内样式导入

直接加入style，设置样式。缺点：没有实现代码分离。直接行内样式管理，不利于提取公共方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
</head>
<body>

    <!-- 行内样式，在标签元素中编写一个style属性，编写样式即可。 -->
<h1 style="color
:red">
css导入方式标题</h1>
</body>
</html>

内部样式导入

用style标签进行内部央视的导入，缺点，没有实现代码分离。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式导入 -->
    <style>
        h1{
            color:green
        }
    </style>
</head>
<body>
    <h1>
        css导入方式2标题
    </h1>
</body>
</html>