基础选择器

2024-01-17 10:23 小编
  1. CSS选择器的作用
<div>我是div</div>
<p>我是段落</p>
  • 根据不同的需求把不同的标签选出来这就是选择器的作用。简单来说就是选择标签用的
  • CSS做两件事
  • 找到所有选择的标签
  • 设置这些标签的样式
  1. 选择器分类
  • 选择器分为基础选择器 和复合选择器 两大类
  • 基础选择器是由单个选择器组成
  • 基础选择器包括:标签选择器、类选择器、id选择器和通配符选择器
  • 标签选择器
标签名{
 属性1:属性值1;
 属性2:属性值2;
 属性3:属性值3;
}
  • 作用:可以把某一类标签全部选择出来。
  • 优点:能快速为页面中同类型的标签统一设置样式
  • 缺点:不能设计差异化样式,只能选择全部的当前标签
  • 类选择器
.类名{
 属性1:属性值1;
 属性2:属性值2;
 属性3:属性值3;
}
  • 类选择器口诀:
  • 样式点定义,结构类(class)调用,一个或多个,开发最常用
  • 【注意】
  • 类选择器使用"."进行标识,后面紧跟类名(自定义)
  • 可以理解为给这个标签起一个名字
  • 长名称或者词组可以使用中横线来为选择器命名
  • 不要使用纯数字、中文等命名,尽量使用英文字母来表示
  • 命名要有意义,尽量使别人一眼就知道这个类名的目的
  • 类选择器——多类名
  • 多类名使用方式


Tag: 选择
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码