CSS引入方式 选择符详解

1,内部引入方式
通过< style >标签添加CSS样式
在这里插入图片描述
id选择符:可以给指定标签设置一个id属性和一个id值然后通过id选择符找到对应的标签为其设置id值,即添加CSS样式。
在这里插入图片描述
在这里插入图片描述
id选择符的特点是,同一个页面中不允许出现两个相同的id,类似人们的身份证号。

2,class选择符
class选择符也叫“类”选择符,可以给指定标签设置一个class属性和class值。
在这里插入图片描述
在这里插入图片描述
3,选择符详解
(1),id选择符
< style >
#containerMailTop{ color:red;} /* 驼峰式命名*/
login_gray_icon{ color:green;} /下划线命名/
< style >

(2),class选择符
多组值添加方式,多组值用空格分开。

在这里插入图片描述
(3),tag选择符
tag选择符也叫标签选择符,可直接通过HTML标签的名字来设置样式。
在这里插入图片描述
在这里插入图片描述
(4),通配选择符
在这里插入图片描述
在这里插入图片描述
(6)组选择符
在这里插入图片描述
在这里插入图片描述
(6)包含选择符
在这里插入图片描述
在这里插入图片描述
(7)伪类选择符
<1>link伪类:
在这里插入图片描述
在这里插入图片描述
<2>hover伪类
在这里插入图片描述
在这里插入图片描述
<3>active伪类
在这里插入图片描述
在这里插入图片描述
<4>visited伪类
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值