CSS引用方式

最新推荐文章于 2024-06-13 18:31:56 发布

victory08

最新推荐文章于 2024-06-13 18:31:56 发布

阅读量406

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/victory08/article/details/51084201

版权

html中的标签通过id或class属性和css中定义的样式进行关联，id对应的样式表以”#”开头，class对应的样式表以”.”开头，body属于特殊的，不以任何符号开头，也可以在控件内直接使用样式表.

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<style type="text/css">
    body{
        color:#0F0;
        background-color:gray;
    }
    .c_hellocss{
        color:#FF0;
        background-color:#F0F;
    }
    #id_hellocss{
        color:#FF0;
        background-color:#00F;
    }
</style>
<body>
hello
<div class="c_hellocss">helloCSS1</div>
<div id="id_hellocss">helloCSS1</div>
<div style="color:#888;background-color:#333">helloCSS1</div>
</body>
</html>

延伸:关于html的class和id属性:
class用来表示某个控件所具备的属性，因此可以有多个，从w3c上抄了个例子如下,一个控件可以具备多个css的属性.

<html>
<head>
<style type="text/css">
h1.intro
{
color:blue;
text-align:center;
}
.important {background-color:yellow;}
</style>
</head>

<body>
<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>
</body>

</html>

id是控件的唯一标识

victory08

关注

0
点赞
踩
0

收藏

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

html中的标签通过id或class属性和css中定义的样式进行关联，id对应的样式表以”#”开头，class对应的样式表以”.”开头，body属于特殊的，不以任何符号开头，也可以在控件内直接使用样式表.<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-
复制链接

扫一扫