学习内容回顾-选择器

要想将CSS样式应用于特定的HTML元素身上,那么首先就需要找到该目标元素。
在CSS中,执行这一任务的样式规则部分被称为选择器(选择符)。
1、标签选择器
标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。其基本
语法格式如下:
标签名{属性1;属性2;属性3}
例如div{border:1px solid red;widsh:1200px;height:300px}
标签选择器最大的优点是能快速为页面中同类型的标签统一样式,但是这同时也是他的缺点,不能设计差异化样式。
而这个时候,就用到下一种选择器了。
2、类选择器
类选择器使用“.”(英文点号)进行标识,后面紧跟类名,其基本语法格式如下:
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签调用的时候用 class=“类名” 即可。
例如HTML里面写


那么要给他上样式的话,CSS里面就应该写.one{border:1px solid red;widsh:1200px;height:300px}
类选择器最大的优势是可以为元素对象定义单独或相同的样式,可以精准对某一个元素进行样式上的修饰。
3、多类名选择器
我们可以给标签指定多个类名,从而达到更多的选择目的。
4、id选择器
id选择器使用“#”进行标识,后面紧跟id名,其基本语法格式如下:
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
该语法中,id名即为HTML元素的id属性值,大多数HTML元素都可以定义id属性,元素的id值是唯一的,只能对应于
文档中某一个具体的元素。
用法基本和类选择器相同。
但是要注意一点,一个id只能由一个元素使用,例如写个div的id=“张三”,那么你就不能再写个span也id=“张三”,语法当中不允许id重名。当然,这里为了生动形象采用了中文来命名ID,但是实际上,这种命名方式是不被建议的,在一些情况下容易出现乱码,建议使用英文命名。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值