[分享]css元素选择器应用案例

在CSS中，选择器是用来选择HTML元素的。而元素选择器是最基本最常用的一种选择器，通过选择HTML元素的标签名来对其进行样式设置。以下是一些元素选择器应用案例。p { color: red; fon...

在CSS中，选择器是用来选择HTML元素的。而元素选择器是最基本最常用的一种选择器，通过选择HTML元素的标签名来对其进行样式设置。以下是一些元素选择器应用案例。

p {
  color: red;
  font-size: 20px;
  font-weight: bold;
} 

以上代码定义了一个段落元素选择器，将所有<p>标签应用了红色文字颜色、20像素字体大小和加粗字体样式。

h1, h2, h3 {
  text-align: center;
  color: blue;
} 

以上代码定义了标题元素选择器，将所有的<h1>、<h2>、<h3>标签设置成居中显示和蓝色文字颜色。

img {
  border: 1px solid black;
} 

以上代码用于定义图片元素选择器，为所有的<img>标签设置1像素实线黑色边框。

ul li {
  list-style-type: square;
} 

以上代码用于定义无序列表元素选择器，为<ul>内的所有<li>标签设置成方形的列表标记。

通过元素选择器，我们可以方便地对某一类HTML元素进行样式设置，从而统一整个页面的外观，提高设计效率和代码易读性。