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搭配使用
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战