CSS入门教程-07-HTML引入CSS样式的第三种方式引入外部独立css文件【动力节点】原创

行了，那咱们再接着往下看了，各位啊，咱们三种方式呢，就讲到这儿，那么边框这个咱们说过了吧。我们讲几个常见的样子就完事了啊。边框讲了吧，隐藏说了吗？是不是说了已经字体说了吗？是不是说过了，哎，文本装饰这还没有说，我们可以看看文本装饰啊，文本装饰咱们有工具了啊，用工具了来。文件新建。新建一个项目。这个项目咱们得换个位置啊。换到哪了这个项目。往上这个地方行吗。选择有点慢，项目名咱们叫CSS code。行不行来直接创建。

诶，在同一个视图上展示，看见了吗？对不对，但是现在这个代码已经换了个位置，各位啊，在HTML这块呢，有这个吧，在这个CS这是不是有这个还这个啊行，那这块001002。哎哟。少了一种方式呢，第三种还没说呢，是吧，稍等说一下来在这写了，各位在这写了啊，点右键新建一个什么。目录吧，或者新建个文件啊，我们的003，呃，在HTML中使用CSS样式的第三种方式，各位啊，我们演示一下。刚才演示的第二种方式掉了一个来第三种方式，第三种方式引入外部独立的什么CSSN文件吧，哎，那这个怎么引入呢？我们可以在这点右键新建一个目录啊，这个目录我们叫CSS目录，哎呀。

然后这块呢，我们可以点右键新建一个文件，这个文件我们叫1.css行不行，就在这放了一个文件，对不对啊，就在这啊，然后接下来我们这个程序里，我们加什么呢？加这么一个东西啊。嗯，超链接非常简单啊，一个超链接h ref写上HTTP3W点百度点com，然后呢，写上谁叫百度很简单吧，那接下来呢，我想干什么，我想达到一个什么效果啊，我先跟你说一下，我希望这个下划线没有。我希望没有下划线，把下划线去掉。下单去掉你加样式，所以这个时候你可以在这个CS的文件里面单独写A标记，这是什么选择线？什么选择器，标签选择器啊，这是不是标签选择器啊，好标签，我们希望这个超链接它的下划线是不是没有啊，我们来找找啊，这个地方有一个。

叫做文本装饰字体啊，Text decoration这个文本装饰。明白吗？来，我们直接在这个程序当中写上怎么写，他写什么那。那接下来我们来看刷新一下。啊对，还有一个很重要的事没做啊，引入，引入这块呢，要注意怎么引入，还记得吗？刚才我写的那代码固定是不是re style是不是还有谁，咱们有的时候好像写这个，有的时候写这个你能混得清吗？

我觉得你得总结总结啊，你得总结一下，当多种类似的情况出现的时候，你比如说你用过一个标签叫image image，这个标签后边是src，后边是不是跟一个路径啊，你这个位置就不能写它啊。听懂了吧，你你你总结一下啊，好好总结总结，我呢在这就不再总结了啊，引入一个C文件这一块我们来看行不行，大家看下划线是不是没了。香山没了呀。你引入这个CS文件了，在这单独一个文件引进来。用一下没了下划线，没了下划线就想再出现，那你把这个样式给它删掉，它就出现了。对吧，或者怎么说。啊，或者咱们换一个也行啊，比如说现在呢，我在这啊有一个span，这个span标签当中呢，写上点击我链接到百度。

行吧，那这边我们加一个ID行不行。可以吧，百度span，那么接下来我们就可以在这个位置写井号，什么他ID选择器啊，百度span吧，那接下来这个样式怎么写呢？我可以给诶它默认有有有有有下划线吗。没有，我希望给后边这个字加个下划线，怎么加text decoration。对吧，哎，后边呢，有一个叫underline。也就是刚才这个样式，有一个nu，还有个叫underland。Underline就是下划线，看见了吗？你希望鼠标停上去变成小手，你看它不现在不是小手啊，你希望鼠标停到上面变成小手怎么办？非常之简单，在这加上一个什么呀，Pointer。

等于，呃。Hand。什么记错了，应该是对光标啊，光标pointer就行了。光标pointer啊，光标在这呢，是应该是找啊在哪在这应该是哦对，在这光标。你看这是什么，这什么你看诶诶。是吧，嗯嗯，诶是不是，诶对吧，你看转圈了你看。是不是，诶文本text。这个你。是吧，这这是什么意思啊。Wait卡了，这不是卡了啊，这是光标的样式，光标样式啊，来我们可以考虑给他换一个叫什么weight，我们来看看什么样啊。

卡了卡了pointer注意啊，Pointer来小手吧，来还有一个叫什么呀，Hand啊hand来，你看有兼容问题对吧？哎，所以这里我想说的是什么呀，尽可能使用这个pointer啊hand有兼容问题，不是所有浏览器都好用的啊。是鼠标样式吧，对不对啊鼠标样式。Pointer是小手，Hand也是，但是hand有浏览器兼容问题，建议使用pointer。啊，别的不再演示了啊，不再演示了，来这个呢，就是咱们所说的第几种方式啊，第三种方式，在外部单独定义文件，在这引入，用link标记引入引进来就可以了。