html style样式引用

最新推荐文章于 2024-08-10 17:45:10 发布

苹果树上的女孩

最新推荐文章于 2024-08-10 17:45:10 发布

阅读量4.6k

点赞数 1

分类专栏： Html 文章标签： html

本文链接：https://blog.csdn.net/u012764110/article/details/54584638

版权

Html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        h3 {
            color: #00b58a;
        }

        p.code {
            color: cadetblue;
        }

        #code {
            color: yellowgreen;
        }

        #divId a{
            color:blueviolet;
        }
        h2, h1 {
            color: red;
        }

        p a {
            color: orange;
        }

    </style>
    <link href="../../css/base_css.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!--直接使用style里定义的-->
<h3>css是用来装修标签的</h3>

<!--在标签内定义样式-->
<h2 style="font-size: 22px;color: #221199;text-align: center">css是用来装修标签的</h2>

<!--引用外部样式-->
<p>引用样式</p>

<!--使用类选择符-->
<p class="code">类选择符 p.code</p>

<!--使用id选择符-->
<p id="code">id选择符 #</p>

<!--设置类选择器中某个标签的样式-->
<div id="divId">
    <a>百度</a>
    <a>腾讯</a>
</div>

<!--两个标签共用一个风格-->
<h2>h1 h2 做成一种风格</h2>
<h1>h1 h2 做成一种风格</h1>

<!--设置标签内的样式-->
<p>
    <a>设置段落里a的样式</a>
</p>



</body>
</html>

引用的外部style

@charset "utf-8";
p {
    color: brown;
    font-size: 20px;
}

苹果树上的女孩

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录