CSS入门笔记二:四类基础选择器

本文详细介绍了CSS中的标签选择器、类选择器、ID选择器和通配符选择器的使用方法及其优缺点。标签选择器能快速统一页面样式,类选择器允许差异化设置,ID选择器具有唯一性,通配符选择器则可应用于所有标签。在实际开发中,类选择器最为常用,而合理运用各类选择器能够提高样式控制的精准性和效率。
摘要由CSDN通过智能技术生成

1.标签选择器:以标签名作为选择器的名称

作用:可以将同一类型的标签迅速选出来

优点:能快速为页面中同类型的标签设置统一的样式

缺点:不能差异化设置标签内容样式

2.类选择器(开发中最常用)

优点:差异化设置标签内容的样式
语法:

.类名 {
     属性1: 属性值;
     ...
     }

使用

<标签 class="类名1 类名2 ...">

注意:多类名实际上是实现了共性抽取,即将相同的属性集合到一个类中

3.id选择器
语法:

     #id名{
     属性1: 属性值;
     .....
     }

使用:

<标签名 id="id选择器名">

注意:id选择器只能调用一次,当id选择器被一个标签调用一次后就不能再使用了

4.通配符选择器
语法:

          * {
				属性1: 属性值;
				.....
				}

作用:将所有的标签改成统一的样式

选择器总结:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值