CSS---基本书写方式

最新推荐文章于 2021-10-19 21:19:06 发布

qiudonga

最新推荐文章于 2021-10-19 21:19:06 发布

阅读量214

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 前端文章标签： css书写方式

本文链接：https://blog.youkuaiyun.com/qq_42488087/article/details/97951276

前端同时被 2 个专栏收录

11 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

本文详细介绍了CSS的三种书写方式：内嵌样式、内部样式和外部样式。内嵌样式直接在HTML元素中使用style属性；内部样式在head部分使用style标签定义，作用于整个文档；外部样式则将样式保存在单独的.css文件中，通过link标签导入，适用于多个页面的样式统一管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS—书写方式

css与html有什么区别？

html是超文本标记语言：通过各种各样的标签来画页面

css是层叠样式表：通过各种各样的样式来修饰页面的

三种书写方式：

【1】内嵌样式,style里写的就是css

<h1 style="color: coral;font-family: 萝莉体 第二版;">我是一个标题标签1</h1>

【2】内部样式：修饰所有h1标签

<html>
        <head>
                <meta charset="UTF-8">
                <style type="text/css">
                        h1{
                                color: indianred;
                                font-family: 萝莉体 第二版;
                        }
                </style>
        </head>
        <body>
                <h1 >我是一个标题标签1</h1>
                <h1 >我是一个标题标签2</h1>
                <h1 >我是一个标题标签5</h1>
        </body>
</html>

【3】外部样式：新建一个css为文件进行修饰

[外链图片转存失败(img-X7h5yckp-1564572387897)(D:\csdn博客\web\前端&html&css&js\图片\css.png)]

通过link标签导入mystyle.css文件进行修饰

 <head>
     <meta charset="UTF-8">
     <title></title>
     <link rel="stylesheet" href="css/mystyle.css" />
</head>
<body>
    <h1 >我是一个标题标签1</h1>
    <h1 >我是一个标题标签2</h1>
    <h1 >我是一个标题标签3</h1>
    <h1 >我是一个标题标签4</h1>
    <h1 >我是一个标题标签5</h1>
</body>