您的位置：首页 > Web前端 > CSS

CSS引用方式

2016-04-07 11:13 411 查看

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是控件的唯一标识

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航