- 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搭配使用