温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
这个时候我们可以使用类型选择器啊class呀,什么东西这么多class类型选择器的格式是是什么样子呢?点。Class属性,Class属性值,然后大括号,然后这里面是属性冒号值。这个点呢,可能小是吧,这样应该看见了,好,那么类型选择器是怎么个做法啊,大家看一下哈,Class类型选择器可以通过什么呢?Class属性啊,有效的选择性的去使用这个样式。这是类型选择器的作用,来我给大家演示一下看哈,类型选择器啊,这里有个需求,他说修改属性class属性为CLASS01,就是这个和这个哎的SP和div标签字体颜色呢是蓝色,大小呢是30个像素,边框是一个像素黄的时间,而修改class属性为CLASS0杠的这个div。
01:22
这些颜色为灰色啊,字体大小呢是26个像素,边框是一个像素红色实现,这个时候大家注意看人家是不是按照class这个属性来进行修改啊,他们的样式是不是一批一批的呀,怎么办?用类型选择器怎么做?来看一下哈菜和test CSS写在这里面,然后类型显择器怎么写,是不是点打头啊,你看它就有提示,看到吗?诶写上CLASS01,那么CLASS01的样式是什么?是字体为蓝,字体颜色蓝色color blue是吧?然后发SIZE30个像素吧,呃,边框是一个像素solid,还有什么yellow。
02:12
咱们来运行一下。看见了吗?这个时候你的这个DA和SP的样式就统一的修改了,那如果说我们还要修改这个CLASS0杠的样式呢,接着先写一个点CLASS02,诶,CLASS02从啊,然后这里面再写上人来说这个颜色是灰的是吧,Color了。GR这是灰色啊,然后呢,大小SIZE26个像素。还有呢,O的边框是一个像数,哎,实现红色,OK,来,这是不是都有了?上面这个也有了吧,好,但是我们再复盘一下这个东西,虽然演示完了,我们依然是把这个样式给人家去掉,我们重点关心的是怎么用。
03:12
大家看见了吗?当我们看到别人写的样式之后是点打合同,我们知道它是类型检测器啊,怎么用,通过class属性看见了吗?它这不直接有提示,你想用哪个class样式在后面是不是写的那个样式的名啊。看见了吗?然后你一运行这个是不是可以选择性的去使用了,这个时候你就可以多个选择,你想怎么选,哎,你们可以用一批对吧,怎么选东西会用了吧,通过这个属性来用class属性刷新。OK,给咱们了解一下啊。
我来说两句