CSS基本选择器

CSS基本选择器

标记选择器

在这里插入图片描述

选择器用标签命名的选择器为标记选择器。

能快速为页面的由同一标记描述的网页内容统一样式,同时这也是它的缺点,不能 设计差异化的样式。

类别选择器

在这里插入图片描述

类别选择器可以实现差异化的样式定义,类别选择器的名称由用户自定义,用一个 “.”来标记类别的名称。定义之后在标记内用class属性引用。

类别选择器的特点

  1. 只有引用的样式才能作用于指定对象
  2. 可以将一个类别选择器应用于多个元素
  3. 一个元素上也可以应用多个类别选择器

注意:类名的第一个字符不能使用数字。

ID选择器

在这里插入图片描述

ID标记器用“#”来定义

  1. 具有唯一性,同一个id属性只能在该文档出现一次
  2. 一个元素也不能同时引用多个id样式。id=“#a #b”
  3. 一般大结构用id,比如标志、导航、主体内容、版权等,结构内部用class
  4. 同时使用ID选择器与类别选择器在冲突的地方ID选择器会覆盖类别选择器

全局选择器(通用选择器)

一种特殊的选择器分组,对页面中所有标记都设置相同的CSS样式;用通配符“*” 表示所有标记,一般用于文档的初始化操作;

*{ 

  margin:0px;     /*把外边距为0*/ 

  padding:0px;    /*把内边距为0*/ 

 } 

选择器分组(也称之为并集选择器)

是一种**“集体声明”**,对具有相同样式的多个基本选择器同时进行声明;

选择器之间用逗号“,” 分隔;

h2,h3 {			/*H2和h3标记进行统一声明,有利于代码的简化*/

   font-family:宋体; /*设置字体*/

   font-size:15px; /*设置字体大小*/

   color:red; /*设置字体颜色*/

  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值