关于html标签选择器分为基础选择器和复合选择器两大类。
基础选择器是由单个选择器组成的
基础选择器又包括：标签选择器，类选择器，id选择器和通配符选择器。
1. 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的css样式。
语法:
标签名 {
属性1： 属性值1；
属性2： 属性值2；
属性3： 属性值3；
........
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>基础选择器之标签选择器</title>
<style>
/* 标签选择器 : 写上标签名 */
p {
color: green;
}
div {
color: pink;
}
</style>
</head>
<body>
<p>男生</p>
<p>男生</p>
<p>男生</p>
<div>女生</div>
<div>女生</div>
<div>女生</div>
</body>
</html>
作用：标签选择器可以把某一类标签全部选择出来，比如所有的<div>标签和所有的<span>标签。
优点： 能快速为页面中同类型的标签统一设置样式。
缺点：不能设计差异化样式，只能选择全部的当前标签。
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
