CSS—选择器选择标签


  • CSS—层叠样式表

CSS规则由两个主要部分构成:选择器以及一条或多条申明

选择器用于指定CSS样式的HTML标签,属性和属性值以“键值对”的形式出现,属性与属性值之间用英文“:”分开,多个“键值对”之间用英文“;”分开。

选择器选择标签

分类:基础选择器复合选择器

1、基础选择器:由单个选择器组成

包括:标签选择器类选择器id选择器通配符选择器

标签选择器:用HTML标签名称作为选择器。 作用:把某一类标签全部选择出来

类选择器:想要差异化选择不同的标签,单独选一个或者几个标签,可以使用类选择器

例如:

 

 

.后是类名,类名可以自定义,{}内是属性: 属性值。结构需要用class属性调用,例如:

 

 

 

可以理解为给标签起一个名字,长名称或词组可以使用中横线来为选择器命名,不要用纯数字、中文等命名。

 

多类名

 

(1)在标签class竖向中写多个类名       (2)多个类名中间必须用空格隔开

 

id选择器:HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义

 

id选择器和类选择器的区别

 

1、类选择器就像人的名字,一个人可以有多个名字,一个名字也可以被多个人使用

 

2、id选择器就像人的身份证号码,是唯一的不得重复

 

3、id选择器和类选择器最大的不同在于使用次数上

 

4、类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素上,经常与javascript搭配使用

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM