CSS---基本书写方式

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

qiudonga

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

阅读量181

点赞数

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

本文链接：https://blog.csdn.net/qq_42488087/article/details/97951276

版权

前端同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

CSS

2 篇文章 0 订阅

订阅专栏

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>

qiudonga

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS---基本书写方式

CSS—书写方式css与html有什么区别？html是超文本标记语言：通过各种各样的标签来画页面css是层叠样式表：通过各种各样的样式来修饰页面的三种书写方式：【1】内嵌样式,style里写的就是css<h1 style="color: coral;font-family: 萝莉体第二版;">我是一个标题标签1</h1>【2】内部样式：修饰所有h1标签&...
复制链接

扫一扫

专栏目录