Python全系列 教程
3567个小节阅读:5931.6k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
CSS语法 规则由两个主要的部分构成:选择器,以及一条或多条声明(样式)
可以与任何元素匹配,优先级最低,一般做样式初始化
xxxxxxxxxx
*{
margin: 0;
padding: 0;
}
HTML文档中的元素,p、b、div、a、img、body
等。
标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”
xxxxxxxxxx
p{
font-size:14px;
}
再比如说,我想让“学完前端,继续学Java”这句话中的“前端”两个变为红色字体,那么我可以用<span>
标签把“前端”这两个字围起来,然后给<span>
标签加一个标签选择器
xxxxxxxxxx
<p>学完了<span>前端</span>,继续学Java</p>
span{
color: red;
}
温馨提示
- 所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input、div等
- 无论这个标签藏的多深,一定能够被选择上
- 选择的所有,而不是一个
规定用圆点 .
来定义,针对你想要的所有标签使用
优点
灵活
xxxxxxxxxx
<h2 class="oneclass">你好</h2>
/*定义类选择器*/
.oneclass{
width:800px;
}
class属性的特点
- 类选择器可以被多种标签使用
- 类名不能以数字开头
- 同一个标签可以使用多个类选择器。用空格隔开
xxxxxxxxxx
<h3 class="classone classtwo">我是一个h3啊</h3>
xxxxxxxxxx
<h3 class="teshu" class="zhongyao">我是一个h3啊</h3> // 错误
实时效果反馈
1.下列代码哪个是类选择器使用方式:
A h1{color:red;}
B *{margin:0;}
C .title{color:red;}
D h3{color:red;}
答案
1=>C