01-html&CSS/25-尚硅谷-HTML和CSS-CSS与HTML结合使用的第一种方式

我们看CSS是跟HTML一起用的，那到底怎么用呢？有好几种方式，第一种在标签的是style属性上面设置这个介止，对就可以了。比如说原来这里有个需求啊，他说分别给我定义两个div和span标签来，然后分别呢，修改每个div的样式为。边框一个像素直线红色，那怎么做来我们看一下啊呃，我们在这里面。我们在这里溜一个。HT咱们就说。一杠CSS好了，哎，怎么用啊，按道理呢，这个需求我给他都复制过来吧，我就不用写了。哎，中复制过来。好，这个呢，我给它注定好，这就是需求嘛，分别定义两个吗？我是不是定义好了，好他说改边框，边框我们说第一种样式，第一种应用做法怎么做，是不是在标签上面加style属性，每个标签，每个标签都有，你看style看见吧，问题是里面怎么写我不太清楚啊，能写什么东西我也不知道啊，怎么写注意看我们去查文档，打开这个文档，他说你要改哪个属性，是不是顺便改边框。

看见了吗？那边框是属于属性这个范畴的，有好多分类啊，你要改啥边框。看见了吗？这个不的。那边框里面还分好多种呢，很详细的，我们其实用第一个就足以解决全部问题了，第一个它后面有三种值，这三种值呢，刚好就是这里需要的。粗细那个样式效果和颜色刚好就三种是，那我们先看第一种粗细边框的宽度，看见吗？不粗细吗？啊你点你那怎么去用啊，他说你有这三种我给定的值，这种是默认值，就不用写这个think呢是小于这个波振值就更细一些啊第一个呢是大于这个默振值，但是这三种一般都不会用啊，比较常见的用法就用这最后那种，他说用用一个数字和单位标示符标明。

标明什么东西啊，就是你到底多宽多细，你不会用的话，你可以点它。你看这里就会有很多单位，我们一般用的单位呢，就是像素DX像数，点开它怎么用啊，一个数值跟一个单位看见吧，那么我们在这里就写上啊，先写上波的一个项数看见吧，好，但是现在你看一下啊。我把这个启动一下，能看见什么东西吗？是不是啥也看不见啊，哎，老师，我不是加了一个像素吗？为什么啥也看不见呢？别着急啊，我们再看第二个值啊，他说第二个值是不是实现呢，跟这个有关，所以它没出来的，完了我们看看啊，那我们回去回去。

我说第二个值是不是这个线的样式，你点开它这是默认值，看见吗？那什么意思，没有边框，虽然你说写一个项数，但是我是没有边框的。啊，人家要的是啥实现吧，你找呗。这是什么？隐藏边框，这是点线，这是虚线，诶这实线法里怎么看来。收敛，那这个时候有时间了，再刷新颜色，是不是用的默认的黑色。好，咱们还差一个林丹，是不是要求改成红色呀？红色咋改啊，注意看第三个值。

看见了吧，颜色，哎，颜色呢，怎么个取值法，你看你可以有颜色单位，光颜色单位呢，就有三种。16进制的值啊，这是美术常用的做法，一种是RGB，呃，啊，为什么是RGB呢？这个得讲到美术里面，三颜色是阿吉利吧，啊，我不不多解释了哈，还用于是颜色名啊，你点开这里有个颜色表对吧？这个颜色是不是对应一个颜色名啊，但是你其实不需要的不都记下来太多了，你看见吗？我们就记住几个常用的就行了，红色，红色就是咱们学略的对吧？你记住几个常用的就行了啊好，这边还能看那个颜色，看见吗？你还可以点点出来这个框，你还可以选选是吧？这能选啊，这边是16进制那个值啊，都能看见，RGB的这个值也能看见，看见吗？或者是颜色比你都可以这么写啊来，那这个时候再启动是不是红色的，有一个像素实现红色，那现在呢。

我们把这个东西呀，都加上。稍微看一下。刷新是不是都有了，那么跟我们所说的一样，Div默认独占一行，你看它的这个宽度是不是一行。而span呢，我们说它的宽度是不是跟它封装的文本的长度有关，他就刚好包住那个文字就完了。啊，重量OK，这就是咱们这个CSS和HTML结合使用的第一种用法，在标签上面通过这个style属性来设置。