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

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

(2),class选择符
多组值添加方式,多组值用空格分开。
CSS引入方式 选择符详解
CSS引入方式 选择符详解
(3),tag选择符
tag选择符也叫标签选择符,可直接通过HTML标签的名字来设置样式。
CSS引入方式 选择符详解
CSS引入方式 选择符详解
(4),通配选择符
CSS引入方式 选择符详解
CSS引入方式 选择符详解
(6)组选择符
CSS引入方式 选择符详解
CSS引入方式 选择符详解
(6)包含选择符
CSS引入方式 选择符详解
CSS引入方式 选择符详解
(7)伪类选择符
<1>link伪类:
CSS引入方式 选择符详解
CSS引入方式 选择符详解
<2>hover伪类
CSS引入方式 选择符详解
CSS引入方式 选择符详解
<3>active伪类
CSS引入方式 选择符详解
CSS引入方式 选择符详解
<4>visited伪类
CSS引入方式 选择符详解
CSS引入方式 选择符详解

相关文章:

  • 2021-07-21
  • 2021-09-27
  • 2022-12-23
  • 2021-10-05
  • 2021-05-24
  • 2022-12-23
  • 2021-10-12
  • 2021-12-28
猜你喜欢
  • 2022-01-12
  • 2021-09-02
  • 2021-09-09
  • 2022-01-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案