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

 

posted @   氧化桐  阅读(741)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示