1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 【CSS】标签选择器 类选择器和ID选择器的区别

【CSS】标签选择器 类选择器和ID选择器的区别

时间:2019-06-13 00:17:15

相关推荐

【CSS】标签选择器 类选择器和ID选择器的区别

1.标签选择器

标签选择器中的“标签”指的是HTML标签,such as:a、span、div、p、li、img等。

格式举例:

....

div{backgroud-color:red; font-size:16px;}

....

<div>...</div>//就会按标签里写的格式显示

2.类选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

格式举例:

....

<style>

.center

{

text-align:center;

}

</style>

</head>

<body>

<h1 class="center">标题居中</h1>

<p class="center">段落居中。</p>

</body>

....

3.ID选择器

ID选择器为标签设置id="ID名称",而不是class="类名称"。

ID选择符的前面是符号为井号(#),而不是英文圆点(.)。

ID选择器的名称是唯一的,即相同名称的id选择器在一个页面只能出现一次;

格式举例:

....

<style>

#para1

{

text-align:center;

color:red;

}

</style>

</head>

<body>

<p id="para1">Hello World!!!</p>

.....

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。