00:00
那行,那咱们接下来就是不是得演示一下代码啊,啊演示下代码。那你说我们这个代码往哪写啊,是用这个工具呢,还是来咱们用一下这个I plus啊,那你既然开口了,那咱就用一下这个啊,这个位置呢,有一个零七打开这个地方是不是CSS啊,哎,我。不是这的啊,是这的点右键我们新建一个文件啊,001吧。我们在HTML中引入CSS样式的第一种方式,后面的后缀还是它。对吧,点击右键打开方式打开。吧,你有要求咱就这么写啊,来开头行吧,开头啊,然后这块呢,拿过来第一种方式,我们就演示哪一种方式叫内链定义方式得了,行吧,内联定义方式啊,Body,比如现在我们在这有个div开始,Div结束,我要设置这个div的宽度,高度以及背景色。
01:31
我怎么做?高度宽度背景色找呗,难道你还能背会不成?来这个位置有没有什么啊,有宽度是不是它对吧?后边有两个值可以取,要么写凹凸是自动版,要么写Les,就是指定长度吧,指定长度长度单位你可以用这些对吧,你可以用这个就行啊,叫PX就行,像素啊来这块呢,咱们这怎么写啊Y吧。
02:06
是不是哎冒号。那就是300吧,像素啊,不知道是多大啊,来那高度怎么设置啊,找找这个地方是不是有。这个吧,哎,你实在不会写单词,你复制粘贴也行啊,啊冒号300吧,正方形行不行,好我们打开有效果吗?这个。应该没效果,背景色有吗?没有背景色是不是啥也看不见,现在啥看不见啊打开。应该是大白页面啊,啥也没有。哎。没事儿,咱们这个耐心等待一下啊。这个也死机了啊两。好,打开了没有没有,咱们把背景色设置一下,找背景哪个是背景这个BY一个ground什么color是不是就是它呀,拿过来啊,然后直接咱们放到这个位置上,然后冒号后边这个值咱们写什么,这里有参考的颜色单位,看见了吗?颜色表点过去是不是有很多颜色对吧?你可以看啊,咱们用就行了,用一下谁咱们随便找一个就这个得了,就看他不顺眼,就这个吧。
03:22
就这个吧,来拿过来啊,咱们放到这儿,然后呢写个分号,接下来我们再打开,打开之后呢,我们只要刷新一下就行了啊。哎呀,颜色太浅了,能看见吗?可以看见是吧?行,那这种方式呢,我们来说一下啊,这就是什么样什么什么方式叫内联定义方式,各位。内敛进行方式啊。还行吧,能理解是吧,Style style风格。
04:00
你想让他隐藏起来吗?想隐藏可以这样做,Play,那就隐藏了。就隐藏了啊,来打开刷新一下了。你想让它显示出来,可以把它改成block,这样就显示了,将来我们就通过GS代码,懂吧,加速代码一点按钮,诶显示出来一点按钮隐藏了,懂吧,那之所以这个节点它可以显示和隐藏,是因为它这个样式里边有个display display这个样式也可以写一写啊。宽度样式height,高度样式background叫背景色样式,然后呢,Display。
05:01
Display,这是看看啊。布局。布局样式的有个display看见了吧,那是隐藏对不对?Block是什么意思啊,将对象强制作为块对象成立对吧。为对象之后添加新行,其实这个为对象之后添加新行这句话写的他就是说白了,原先隐藏的一行都没有E,嚓一下显示出来了,就相当于这行上有数据了,就这意思啊block,那好了,那这块呢,咱们就写上这是什么样式啊。布局是吧?诶是布局吗?布局样式,这个样式值我写一下啊,Now表示什么隐藏,Block表示什么显示啊,知道这个事就行了啊display,那我们可以设置一下这个div的边框吗?边框,我希望它是个红色边框。
06:04
那我们找找吧,这个里边有没有边框样式。边框。Border coll。边框颜色。难道?来回车啊,再写一下边框颜色大红。刷一下。没有啊。是吧?哎,什么原因?我们继续看这个地方有个border wise什么意思,边框的宽度对吧?是不是边框宽度啊,把边框宽度设置一下一像素行不行?来那么我们再刷新一下,还是没有对吧?什么原因?我们再来看看这地方有个border style什么意思?边框的风格,边框的格,比如说是什么思没有对吧?那往后看solid,往后看solid什么意思?实线边框double是什么?双线边框,有没有虚线边框?
07:08
下来是。All。点线虚线。是吧,那咱们用实光这个叫啥border是吧?Border border border啥solid这个值吧,没写错吧,看一眼看一眼啊,咱从来不记这玩意儿啊。是这个是吧,Solid错了吧,写错so。啊没错,来再打开,咱们再看一下,咱们刷刷一下有了。这个边框啊,是一像素宽度样式是实线。对不对,颜色为红色。但你这个这三个都是边框上的一个样式吧,你从这找,你看很有意思啊,有border corner border border,这都是分开的吧,大家看最上面还有个什么border样式,这个border样式可以写三个值,哪三个值可以冒号后边加。
08:18
边框的宽度,边框的样式,以及边框的什么颜色,那这个我们能不能这样写呢?各位啊,别睡觉啊,来这一块咱们怎么写,可不可以。把这个border还有border写成什么border?这个border是谁,就是它呀,第一个是什么宽度样式颜色,那行吧,那怎么写这这块。宽度。
09:00
Solid。Black吧。中间需要加逗号吗?不需要空格啊,那接下来打开之后,我们再刷一下下边这个,大家看是不是黑色边框。对吧,哎,黑色边框各位,诶也就是这种方式,大家是不是也得会。样式还能这样写,八点冒号,样式一,样式二,样式三,样式123用什么隔开逗号?空格,空格。
10:00
空格啊,空格空格啊,这是样式啊,行了,那第一种方式内联定义方式,咱们就给大家演示到这啊。
我来说两句