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

我们来看看哈，这种方式有什么缺点呢？就是如果样式多了以后，代码就会变得非常多，大家看这里只是一个非常简单的样式，只是修改了边框而已啊，其实样式可以一直写上去，举个例子说，比如说我能不能加个宽度啊，可以。100个像素我能不能加个高度啊，100个像素我甚至还可以加个背景颜色以G啊，变格卡绿的是吧？你看我可以一直写，大家看还可以一直往后面写，那么运行起来是什么效果呢？大家看一下效果哈，这是个快看见了吗？第一个div，那么你还可以有其他的样式，还可以一直写下去，比如说哎，文是也，文字是否居中等等等等啊里面的文字来再来刷新一下，里面是左对齐，现在居中的看见吗？还可以一直写，那么如果是这个样子的话，所有的样式都写在一行上面，可读性非常的差，而且还有什么缺点呢？

可读性差啊，还有呢，代码没什么复用性。你看你这个代码其实是一模一样啊，但是你要复用怎么办？你只能够复制粘贴啊，非常不好，所以呢，我们就出现了第二种方法，第二个方法是什么样子，我们可以在he标签中啊，使用style标签来定义自己需要的样式。哎，怎么定义呢？大概的格式就这样子，这个格式就是什么格式，其实就是我们讲的CSS语法的格式啊，选择器大括号里面就是对啊，你看这个选择器大括号就着对跟什么，哎，就这么写就好了，那么需求啊，还是那个需求好，那我们稍微复制一下啊，我们把这个复制一下，好，答案变成二。好了，现在呢，需求还是这个需求，但是这里的内容我要删掉啊，我怎么样一次把它都删掉啊。你看啊，我选中它CTRL加RR是替换的吧，然后我替换成什么，替换成为空空白，对，然后全部替换就全部删掉，看到吗？哎，然后怎么做呀，在hell的里面大家看啊，在LL的标签中，哎，使用style标签来定义，那怎么办？就在这里面。

在这里面收怎么写，走下来types在这里面写，那这个标签是怎么回事，先把它描述一下。啊，咱们说style标签专门用来定义CSS样式代码，这是个标签的作用，但这个标签里写的代码，它是CSS代码。大家注意看的话怎么写啊，咱们写个div简单先，咱们现在是不是要给这个div加上样式啊，好在里面写写什么呢？样式要求是啥？就是边框啊，那边框昨天怎么写的多的呀，一个像素啊，然后实现呢，Solid。

诶啊收敛了，还有呢，红色就是这样啊，这样写好之后大家看一下哈，我们只要运行一下这个页面，它就关了，运行这个页面。大家看看这个div是不是都有效了，在一定程度上我们就可以复用这个样式了，所有的div都有效。如果说这么写所有的DV都有效，那我希望所有的span也都有效呢，那我是不是拿这个复制一下，把这个改成span呢？其实这个东西是什么，是标签名啊，好，CTRLD复制一下，这里写成spin。好，那么我们刷新看到效果了吧，这样子呢，不管你有多少个div，来我们复制一下。不管你有多少个spend，它都可以复用了。

大家看见了吗？啊，就这样子OK。那我回退一下，好，这是第二种。CSS和HTML结合使用的方式大家注意，但是有一点要注意哈。你这么写的时候，你在这里能用，注意看我现在把这个HTML注释移动到上面去。能放进来吗？你看颜色是不是变了，记住这是HTM，没有主持，而style这个标签里，这里面所有的内容都是CSS。那么你要是写CSS注释的话，是不是这么写的，而是咱们昨天讲的是吧，斜杠新新斜杠是吧，好，那这样OK，你看这颜色就恢复了，一定要记住啊，OK。