CSS引用方式

最新推荐文章于 2023-07-27 18:50:32 发布

淡淡的一抹

最新推荐文章于 2023-07-27 18:50:32 发布

阅读量52

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/ych4513979/article/details/88348075

版权

CSS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

[size=large][color=darkred][b]1 外部引用方式[/b][/color][/size]
像.js文件一样，CSS代码也可以写在一个独立的文件中，然后在页面中引用这个文件。理论上，文件的后缀名是没有限制的，单通常CSS文件都以.css作为文件后缀。可以使用HTML标签对.css文件进行引用，例如：


<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="ref.css">
</head>

[size=large][color=darkred][b]2 内部样式块[/b][/color][/size]
如果只需要针对某个页面进行少量的样式定义，并且不准备用于其他页面，那就可以直接定义在HTML文档中。例如：


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        body{
            background: black;
        }
    </style>
</head>
<body>
    <p>
        红色
    </p>
</body>
</html>

[size=small][color=brown][b][i]注意：<style>标签用来指定一个可以编写CSS代码的内部块，内部块可以出现在任何地方，单最好出现在需要应用样式的标签之前，因为浏览器是顺序应用代码。[/i][/b][/color][/size]

[size=large][color=darkred][b]3 内联样式[/b][/color][/size]
内联定义就是直接在标签上定义它的样式，例如：

<body style="background: gray;">
    <p>
        红色
    </p>
</body>

[color=darkblue][i][b]注意：并不推荐使用这种方式，因为这种方式将样式和文档内容混淆在一起，十分影响修改和阅读。[/b][/i][/color]

淡淡的一抹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS引用方式

复制链接

扫一扫

专栏目录