博客列表 >CSS-id和class

CSS-id和class

的确
的确原创
2020年03月09日 19:19:201055浏览

id选择器

id选择器可以标有特点idHTML元素指定特定的样式,HTML元素以id属性来设置id选择器,CSSid选择器以“#”来定义

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
<style type="text/css">
#center{
       text-align:center;
       }
</style>
</head>
<body><
p id="center">这是一个段落</p>
<p>第二段</p>
</body>
</html>

Class选择器

Class选择器用于描述一组元素的样式,class选择器有别于id选择器,class可以在多个元素中使用,class选择器在HTML中以class属性表示,在CSS中,类选择器以一个点“. 号表示。

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
<style type="text/css">
.center{
       text-align:center;
       }
 </style>
 </head>
 <body>
 <p class="center">这是一个段落</p>
 <p class="center">第二段</p>
 </body>
 </html>

也可以在指定特定的HTML元素使用class

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
<style type="text/css">
p.center{
       text-align:center;
       }
</style>
</head>
<body>
<h1 class="center">这是一个标题</h1>
<p class="center">这是一个段落</p>
</body>
</html>

提示:类名的第一个字符不能使用数字!它在部分浏览器中不起作用

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议