01-html&CSS/28-尚硅谷-HTML和CSS-标签名选择器

那么这个CSS呢？我们还要学习什么？我们还要学习它的选择器，那么常用的选择器有哪一些？比如说标签名选择器。哎，标签名你看啊，标签名选择器的格式是是什么样子呢？是标签名。哎，然后大括号里面是什么属性冒号值。分号，OK。啊，这出不来分号OK啊，那么标签名选择器呢？有什么作用？我们来看一下标签名选择器可以决定哪些标签被动的使用这个样式。啊，那我给大家演示一下哈，现在呢有个需求，其实这边都准备好页面了啊，标签名选择器需求在这里你看啊，在所有div标签上修改字体颜色为蓝色，那么字体大小为30个像素，边框是一个像素黄色虚线，并且修改所有的spend标签啊，字体颜色为黄色，大小为20个像素，边框为五个像素蓝色虚线，那么大家注意看一下这个需求，这个需求是不是要求我们按照标签来修改样式。

不同的类型的标签是有不同的样式，那这时候怎么办？我们就可以使用标签名选择器来实现这个效果，那怎么做呢？大家看一下哈，Style type啊，这个chest写SS，然后在里面写的，是不是先写代码呀，怎么写，先写上标签名，你看啊，按照人家这个说法，格式先写标签名吧，然后里面是际是对，那么div的样式是这里颜色咱们好像不会是吧，这里大小也不会啊，先留着，然后先做边框，边框咱们就会啊，先把会的搞定了波的啊一个像素，然后实现so，然后黄色yellow，好，咱们先运行一下边框是不是出来了，哎，那至于大家看一下哈，至于人家要求的这个字体颜色怎么办呢？咱们可以打开那个文档中的。

文档啊，笔记文档看哪看属性吧，诶跟字体相关的是哪个呀？字体诶第一个是吧，跟颜色相关的呢，大家看一下啊，他说的是不是字体颜色呀，那你打开了这里是字体颜色是不是有一个看一下吧，点你可以看这个说明检索或者设置文本的颜色就是它嘛，大概怎么用呢？里面写成color冒号分的值串的吗？哦，那我们试试看哈，在这里再写上color，咱们要什么颜色呀？

蓝色是吧，Blue啊，咱们试试看啊，看看行不行，刷新一下走蓝色的吧，说明有效啊，那接着人呢，还要求啥呀，字体大小，三六像素是不是还是跟字体有关啊，还跟字体有关，咱们再来看啊，字体大小，诶看见吧，字体大小呢，哎，点掉哎，当然了，你看看取值对吧？这里有好多种固定的默认一些值啊，但我们都用这些嘛，不用，因为我们开发的时候都是用一个数值加单位。就是类似这种看见吗？哎，数学单位你可以参考它都有哪些单位啊，其实咱们用的最多久的，这里要求啥是不是像素啊，哎，你这个啥把鼠标移上来是不是像素啊，就用了它，它怎么用，你看到吗？数值加像素啊，咱们会了大概学嘛，对吧？来怎么做fun size，然后多少来着呀，30像素完事了吗？

刷新嘛，是不是变大了，哎，好，这是div的样式，那span的样式呢，再写一个呗，来我们复制一下CTRL加D复制，然后把这个改成什么十分，那现在的样式呢，是五个像素边框啊五个像素，然后黄色啊不对，蓝色虚线是吧？蓝色blue，哎虚线的来先看看哈，蓝色的吗？蓝色的虚线是啥？咱们没好像没见过是吧。诶这时候是不是边框的呀，找找边框的，边框边弹吧，哎边框走这是不是线在一样子啊虚线虚线哪个虚线就是没有线，这是隐藏线这个点，诶虚线吧，就它对吧，复制一下。呃，哪呀，改这个走改了以后咱们来刷新一下走这序形，但是看到这个虚线好像不太能顺序出来是吧，为啥呀，看到可能不太对，是因为这个线比较粗。

啊，你写成一个像素的话，就好像咱们小时候看到那个曲线，看见吗？因为太大了啊，太大的原因，然给你改回来5OK，人家还要求啥颜色，是不是黄色呀，这得也得改啊，然后呢，自己20个像素改刷新一下，这是不是出来了啊，感觉好丑是吧？好了，哎，这就是标签名选择器，但是咱们讲完之后，咱们回头再看看，咱们复盘一下咱们这个标签名选择器，大家注意我们重点说过CSS，咱们是不是关注怎么去用啊，那么一般情况下以后比如说人家给你这样的一个样式文件，你一打开，人家说你要应用这个样式怎么用，看见了吗？是这个效果吧，标签名嘛，括号大括号往这标签名嘛，一样是吗？这种效果怎么用？记住了，很简单，只要看到是标签名选择器的，是不是只要引到这个页面中来，它就会自动生效啊。

我们不需要做任何事情。记住啊，我们关心的是怎么用，所以现在记住你只要看到这种样式，用起来很简单点，这就可以了，好。