00:00
行了,那咱们再接着往下看了,各位啊,咱们三种方式呢,就讲到这儿,那么边框这个咱们说过了吧。我们讲几个常见的样子就完事了啊。边框讲了吧,隐藏说了吗?是不是说了已经字体说了吗?是不是说过了,哎,文本装饰这还没有说,我们可以看看文本装饰啊,文本装饰咱们有工具了啊,用工具了来。文件新建。新建一个项目。这个项目咱们得换个位置啊。换到哪了这个项目。往上这个地方行吗。选择有点慢,项目名咱们叫CSS code。行不行来直接创建。
01:00
诶,在同一个视图上展示,看见了吗?对不对,但是现在这个代码已经换了个位置,各位啊,在HTML这块呢,有这个吧,在这个CS这是不是有这个还这个啊行,那这块001002。哎哟。少了一种方式呢,第三种还没说呢,是吧,稍等说一下来在这写了,各位在这写了啊,点右键新建一个什么。目录吧,或者新建个文件啊,我们的003,呃,在HTML中使用CSS样式的第三种方式,各位啊,我们演示一下。刚才演示的第二种方式掉了一个来第三种方式,第三种方式引入外部独立的什么CSSN文件吧,哎,那这个怎么引入呢?我们可以在这点右键新建一个目录啊,这个目录我们叫CSS目录,哎呀。
02:06
然后这块呢,我们可以点右键新建一个文件,这个文件我们叫1.css行不行,就在这放了一个文件,对不对啊,就在这啊,然后接下来我们这个程序里,我们加什么呢?加这么一个东西啊。嗯,超链接非常简单啊,一个超链接h ref写上HTTP3W点百度点com,然后呢,写上谁叫百度很简单吧,那接下来呢,我想干什么,我想达到一个什么效果啊,我先跟你说一下,我希望这个下划线没有。我希望没有下划线,把下划线去掉。下单去掉你加样式,所以这个时候你可以在这个CS的文件里面单独写A标记,这是什么选择线?什么选择器,标签选择器啊,这是不是标签选择器啊,好标签,我们希望这个超链接它的下划线是不是没有啊,我们来找找啊,这个地方有一个。
03:08
叫做文本装饰字体啊,Text decoration这个文本装饰。明白吗?来,我们直接在这个程序当中写上怎么写,他写什么那。那接下来我们来看刷新一下。啊对,还有一个很重要的事没做啊,引入,引入这块呢,要注意怎么引入,还记得吗?刚才我写的那代码固定是不是re style是不是还有谁,咱们有的时候好像写这个,有的时候写这个你能混得清吗?
04:09
我觉得你得总结总结啊,你得总结一下,当多种类似的情况出现的时候,你比如说你用过一个标签叫image image,这个标签后边是src,后边是不是跟一个路径啊,你这个位置就不能写它啊。听懂了吧,你你你总结一下啊,好好总结总结,我呢在这就不再总结了啊,引入一个C文件这一块我们来看行不行,大家看下划线是不是没了。香山没了呀。你引入这个CS文件了,在这单独一个文件引进来。用一下没了下划线,没了下划线就想再出现,那你把这个样式给它删掉,它就出现了。对吧,或者怎么说。啊,或者咱们换一个也行啊,比如说现在呢,我在这啊有一个span,这个span标签当中呢,写上点击我链接到百度。
05:09
行吧,那这边我们加一个ID行不行。可以吧,百度span,那么接下来我们就可以在这个位置写井号,什么他ID选择器啊,百度span吧,那接下来这个样式怎么写呢?我可以给诶它默认有有有有有下划线吗。没有,我希望给后边这个字加个下划线,怎么加text decoration。对吧,哎,后边呢,有一个叫underline。也就是刚才这个样式,有一个nu,还有个叫underland。Underline就是下划线,看见了吗?你希望鼠标停上去变成小手,你看它不现在不是小手啊,你希望鼠标停到上面变成小手怎么办?非常之简单,在这加上一个什么呀,Pointer。
06:00
等于,呃。Hand。什么记错了,应该是对光标啊,光标pointer就行了。光标pointer啊,光标在这呢,是应该是找啊在哪在这应该是哦对,在这光标。你看这是什么,这什么你看诶诶。是吧,嗯嗯,诶是不是,诶对吧,你看转圈了你看。是不是,诶文本text。这个你。是吧,这这是什么意思啊。Wait卡了,这不是卡了啊,这是光标的样式,光标样式啊,来我们可以考虑给他换一个叫什么weight,我们来看看什么样啊。
07:04
卡了卡了pointer注意啊,Pointer来小手吧,来还有一个叫什么呀,Hand啊hand来,你看有兼容问题对吧?哎,所以这里我想说的是什么呀,尽可能使用这个pointer啊hand有兼容问题,不是所有浏览器都好用的啊。是鼠标样式吧,对不对啊鼠标样式。Pointer是小手,Hand也是,但是hand有浏览器兼容问题,建议使用pointer。啊,别的不再演示了啊,不再演示了,来这个呢,就是咱们所说的第几种方式啊,第三种方式,在外部单独定义文件,在这引入,用link标记引入引进来就可以了。
我来说两句