CSS#1 CSS导入方式

最新推荐文章于 2024-06-15 23:39:45 发布

guaiwu_

最新推荐文章于 2024-06-15 23:39:45 发布

阅读量64

点赞数 1

分类专栏： HTML 文章标签： html css Powered by 金山文档

本文链接：https://blog.csdn.net/guaiwu_/article/details/129247067

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

CSS是一门语言,用于控制网页表现(层叠样式表)

一.CSS导入方式

三种导入方式简单介绍

内联样式: 在标签内部使用style属性,属性值是css属性键值对

内部样式: 定义<style>标签,在内部定义css样式

外部样式: 定义link标签,引入为外部css文件

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS导入HTML</title>
    <!--第二种: 内部样式-->
    <style>
        span{
           color:blue;
        }
    </style>

    <!--第三种: 外部样式-->
    <link rel="stylesheet" href="../css/demo.css">
</head>
<body>
    <!--第一种: 内联样式-->
    <div style="color:red">Hello CSS</div>

    <span>Hello CSS</span>

    <p>Hello CSS</p>
</body>
</html>