00:00
好,那我们继续啊,那么上节课呢,我们把这个移动端的这个导航啊,是做出来了,对吧,那么还差一个什么,还差一个我们这个PC端的导航啊,那么PC端的导航咱们来一样,先反过来做完PC端导航我们再来做底部啊,咱们先看PC端导航是导航这个样子的,对吧?包括我鼠标放上来它是这样的啊,那OK,那么这里边的内容我们就需要去进行一个调整了,对吧?那包括这个内容也是在这块中间的,也是一个居中的,对不对,那我们先不管它,我们先把这个AV标签拿过来,你看这是导航,我们之前也写过了,对吧,我直接CTRLC放到我们这里边,这叫这是导航,然后他之前我们调过的样式呢,在style这个里边我们去找一下啊,NAV导航的样式。这呢导航样式CTRLC拿到我们这个HY这里边,那放到下边。对吧,这块开始是咱们的这个移动端的导航了啊,那么好了,那么这手机端的导,这是这个PC端导航啊,那么一样,这里边在设置。之前对吧,我们也是给他缩缩小了的,不是缩小是隐藏了吧,今日秒杀版的图导航在这儿。
01:07
好,直接拿过来,CTRLC。放到我的。这里面。那这块叫做PC端导航默认样式啊。BC端导航默认。设置啊,当然啊,我这块是给它设置到这来了,对不对,哎,就这个东西我不设到这,我直接设置什么,我直接设置到下面是不是也可以对不对,哎,这就看整设置到哪都行啊,设置到哪都行,总总之你是让它显示该隐藏时隐藏,该显示显示就行了啊,现在你看我来刷新。有了吧,叫做这是什么?这是导航对吧,大家说了导航内容是在这里边是居中的,对吧,所以这里边。也一样啊,我们先去找到它的这个,先去把它这个ul Li先写出来啊,直接ul。Li里面是A对吧,然后在这里面我们开始去写它的这个内容叫首页。
02:06
CTRLCCTRLVVVVV,好,先给这么一堆。来刷新。有这么多了对吧,有这么多以后,接下来我们要开始给它进行设置吧,那怎么设置一样,在这里边,我直接就在不用在这个哪儿啊,在这个这个这个style啊,不对,我们在海来style先关掉啊,别整混了,这个也先关掉,因为样式我们都拿过来了啊,那直接在这里边我们对它进行设置就行了,我为了让这个这里面就是因为我们在媒体查询嘛,我要在查询的代码少一些,我是不是也可以直接写到页面上来,对吧,那也就是说直接是NAV。我是不是在这里边可以直接给他设置NV里边的ul吧,我让这个ul干嘛,这play变成什么,变成帧缩核,那么现在你看里边所有的内容是不是就已经有了,对吧?有了以后同样这里边比如说我给它设置的让它小一点,叫做WTH,比如说我只让它80%的宽度啊,然后同样我给它设置一下包点一像素的实现。
03:01
因为这是PC端的了,PC端你怎么设置都无所谓了,对吧,然后一样在这里边我它居中,那居中的话,我可不可以给它设置上下为零左右自动啊。走,你。是不是也让它居中了,对吧?哎,那这个居中以后呢,同样里边的每一个元素,我是不是就可以给它排开了,那咱们排开咱们这里边一样再继续叫做GU last content,给他一个center,注意啊,这个时候我要给center的话啊,所有东西它都在中间呢,很难看,我觉得啊,你看是不是所有东西都在中间呢。哎,都在中间以后,那你们咱们要设置的话怎么办?那是不是就得设置里面的每一个Li,那就是AV下边u Li下边的Li标签,然后让他比如说给他一个Mar个。刷新。是不是这样的一个效果。
04:00
对不对,哎,那这样的话,我觉得不算太好看啊,不算太好看,你看。人家这里边的这个距离也会比较大,看到了吗?每个距离你看每个距离都比较大啊,你看我这么点啊来这是A对吧,这是Li看到了吧?哎,每个Li距离比较大,那它可能是什么?我们给它设置中间的距离会比较大,对吧,那一样,那既然是这样的话,那我们就把它的这个。值给它设置大点呗,对吧,比如说给它二次像素。这里边。刷新。好了,这回是不是大一些了,那大一些一样,那它的这个高度,高度是不是也要有啊。哎,那OK,咱们来看一下啊,我看我这里面设不是PA顶,NV里面我设置了一个拍顶是吧,不要给它设置拍顶了啊,我让这个UR跟NAV一边大的啊。现在有了对吧,接下来我给谁设排定,我只给里面Li设置PA定就可以了,找到这里面的Li让它pad定,上下为十,左右为20。对吧,那这个时候其实我妈就都不用了啊,这回你来看。
05:01
总理。是不是还更好看一些,然后你看我给他设置一个borderer啊,Build border1像素的实现。来你看它的这个每个居每一个大小是不是都在这比较好看一些啊,然后同样就像相当于在这个内容在里面居中是一样的,对不对,那比如说这里边咱们要改一下啊,这里边还有什么,比如说有这个编程书籍对吧,那诶书籍好,就是有字多了一点的话,我们看有没有什么影响,对不对,来刷新。你看是不是也没有,它的左右间距,上下间距是不是都还是一边大了。对不对,哎,那这样的话是不是就好看了,就好看一些了,那好看一些以后接下来呢,该去取消边框,边框,我们就可以把它边框都取消了,因为我不需要了啊,那咱们找到这个边框,嗯。这里边。Blue蓝色不需要了,对吧,最外层边框不需要了,这个URUR边框不需要了,Li的边框我暂时也不暂时先放在这吧,暂时先放在这儿啊来刷新。
06:06
好了,现在是不是只剩这个Li的了,那么Li咱说了这里面是有子类,你看好了,这里面是有个特效的啊,我鼠标放上来诶。来鼠标方向来,你看鼠标方向来,鼠标方上来下面的内容是展示的对吧,这是第一点,然后呢,是不是还有一个这个横线的这个特效对吧?那OK,这里边有个特效大家知道啊,我们先不管它,但大家知道有这个问题,我把这个子类也它就显示出来啊。L。Li里边的ul。对吧,UI里面继续Li。然后Li里面的AOK跟它子类一下显示出来啊,这里边比如说一样细说PHPCTRLCVV多复制两个好了,那现在咱们来看返回到我们这里边刷新一下。你看啊,是不是都在这儿了,人家呢是在一横线上对吧,而且呢,很很好看对吧,那OK,我们怎么办也一样,继续给它进行设置NAV下边。Ul下边的Li对吧,让他。
07:03
里边的ul干嘛让它里边的ul变成什么,变成C和play。然后这回你看所有的东西是不是就。并排排列了对吧,那是呢,它会占据什么,占据这个Li的位置对不对,所以为来不占据Li的位怎么办呢?我给他不是play,是position为这个巴。好了,那现在你再来看刷新。这回是不是就不占据位置了,哎,不占据位置以后,接下来一样我要它干嘛,你看好了,人家这个Li这个东西相当于是不是占满屏宽,你看我一放下来是不是相当于跟上面是不是一样大小的,对吧?那我们怎么给它设置一样大小呢?那咱们把它的这个边框线打印出来啊buildd啊包的一像素实现红色边框。来吧,走,你看在这儿呢,对吧,那么他要满屏宽的话,那是不是width宽度100%。再继续。
08:02
他白一白,但是现在你看好了,这边是不是多出来了,因为我的定位是不是应该从左侧开始啊,所以在这里边我给它一个left为零。这回好了吧,好了以后就会多两项数的距离,为什么多两项数,因为我这块给的什么,给了一个这个家伙对吧,那不管一会儿这个东西我一去掉就好了,或者是我直接加一个包,不对,Border是fo杠。Size size对吧,给它设置一个border box,让它变成什么,变成这个怪异盒,那这个时候是不是就不占位了,哎,不占位以后,那么接下来注意啊,在ul里边这些里边再去写内容的时候,这些内容应该怎么,是不是你看。银子里边啊,这里面的内容既没有居中。对不对,哎,没有居中的看到了吧,哎,所以这里边的位置我们也要干嘛进行进行调整一下吧,那也就是说。在ul这里边的这个位置,我需要给它一个PA定值吧,哎,Pading left给它多少呢?比如说我给它这个10RE em啊12多大,我当前注意我PC端的时候是不是14像素,哎,基数是十像素,十的话是不就140像素,那这个时候你看好了来。
09:10
刷新。是不是就过来了。对吧,但是好像还是还是有点大对吧,那我就20。先用lamp给他顶过来对吧,那OK,那这样完事以后,接下来一样这个东西是不是得下来啊,哎,下来的话注意你看,如果我给他TOP0的话啊,TOP0的话你看好了他是在哪呢,走你。是不是直接跑上面来了,看到了吗?为什么?因为这个时候它的子类没有,它的父类没有做定位,对不对?哎,所以子类做定位的时候,它的是以参考点是以包,所以我需要给它负类也做一个定位,那给他怎么定位,Po SI position等于啊做一个相对定位,那这个时候你看NY。你看它是不是就下来了,但它一旦下来的话,它根据它负根据什么,根据它这个子类再去定啊不对,子类根据它负类定位的时候,这个点是不是又变了,变成这个点,它的这个100%就只能是这么大了。
10:02
看到了吗?哎,所以这样的话呢,孩子不行,我需要怎么办?来,我先把它给它取消掉啊。稍息。好了,这个时候我们就要考虑我怎么样能让它下到下面这个位置上来,对不对,也就是说它的定位参考点肯定不能是Li了,那我就要继续往上找吧,往上找谁呢?来,我直接把这话拿着拿着走了啊,你看Li上面是有ULL上面是不是还有n NAV呢?NV是什么关系?NV是不是就占的满,诶NV没满屏,NV是多少?NV是70%对吗?哎,NAV再往上还有东西了吗?V再往上没有东西了,他们整个包含的关系是不是都在这儿呢?你看好了,如果我给NAV。来,我要NAV做一个相对的定位,对吧,再来刷新。你看它的零点到这儿了,对吧,哎,到这这确实没问题了吧,你不用满屏宽看到吗?它没有满屏宽,但是呢,它最起码是能到这儿来了,到这来我是不是咱说了我这块多高,我给他top多高就可以了吧,比如在这里边top这里面咱们给他一个40像素啊。
11:06
来。让他下来是目的。你看这回是不是就下来了。看到了吧,哎,这回下来以后那一样,那我这块还需要这个拍定值了吗?也不需要了,他再往前这一点挺好的吧,也不用给他20了,我给他少点吧,比如说给他十。Johnny。你看是不是这样效果了,哎,那一样,这里面每个Li我给他一些距离吧,咱先给他先调出来啊,当然这样肯定也不行啊。它下边的Li。对了,然后让它marging,不用marging了,一样拍顶padd顶上下为十左右20。你看是不是又一层过来了,对吧,为什么说我说它还不行呢,你注意啊,不行的原因是在这儿,你看我放下来以后,整个的东西都在扩大,对吧,它是都是什么,都是这个背景颜色吧,那都是这个背景颜色,哎哟,怪不得呢。
12:07
我们这块的这个背景颜色怎么是白色啊,你看来提取一下,咱给颜色设置错了。那要是设都设置白色的话就没有问题了,来井号FF,那咱就得给你改一下了吧。那也就是说。在这里边。我的top。我的hier he drer的B。喂。井号FF对吧,小瓶的时候是那个颜色,大瓶的时候是不是就变了来刷新。好了,这回对了,对吧,这回对了,那这个对了,这块的字体也要变成一下,也要变一下了啊,那我们就找一下它叫什么叫做LG。Search。的他。井号FF,哎,大家在写的时候一定多给一些注释啊,因为你自己你没有这层关系的话,你老去找他肯定会很麻烦,OK,这样就好了,对吧,哎,这样的话就看不出来这个这个这个样子,因为它下面有个图片你看。
13:09
对吧,看不出来是这样的,你看它下面有个图片啊,那现在这样就可以了啊。但也一样,图片一张上还会遇到问题啊,先不管它那么多,我们先写,那继续往下来拍成这块,我也给它设置好了,设置好以后我们主要先把这个,我主要是先把把这个效果啊,这个这个效果给大家做出来啊,你看现在这没问题了,对吧?没问题以后呢,接下来叫什么,这个边框我是不都可以给去掉了,我看看啊,OK,所有边框都可以去掉了。找到它的这个边框,给它去掉,然后还有一个边框呢,在这儿呢,给它去掉OK。刷新。现在是这样效果对吧,那它肯定是隐藏的嘛,那先不管了,最起码那鼠标放上来,它下面是不是有个东西在往延伸的,哎,那怎么办?这是不是就相当于一个缩放,比如说你看好了,我在NV里边u Li里边Li,然后冒号after是不是Li的,最后,哎,最后content,我给它加一个什么呢?加一个内容呗,加一个什么内容,比如我加一个A啊,加一个A。
14:08
给我加个一吧,加个一。走,你。你看好了,他是不是在这儿呢?哎,那在这儿的话,我在这儿肯定是不行。我需要让它到底下这个边上,对吧,也就是Li底下这条边。嗯,先不加围列吧,先不加围列了,我们先看一下底下这个边在哪啊,来就直接先给它这条边Li的B。包的杠8EPSSO。底下这边都连线了,看到了吧,但它的位置差不多,你看它这里面的位置。是不是也是这样的,你看他这个是不是也是这样的。那怎么办?我们回过来啊,那肯定咱用这个底下这个边肯定不行了,对吧,那咱还得想办法,那就摁V继续啊,Ul冒号Li,再冒号how,我就用how了啊用这个how干嘛呢?我们给它来。
15:08
我还是一样,Content,注意啊,Content其实我们刚才也看到了,默认它是什么元素,它就是一个。行列元素对吧,你看刷新诶怎么没有了呢。Seventeen content Li啊,什么好,我错了啊,这个冒号冒号after啊。好,这时候你再来看啊。刷新。你看啊。一都在后面了,对吧,但是咱说了这个一肯定没什么用,我们应该是什么,我们肯定让它变成这个在下面才可以,对吧,那能不能变呢?咱们试一下不就知道了吗?这次play给它变成什么,变成block是不是它变成块状元素,那块状元素以后,那咱们再来看。能不能下来,诶下来了吧,下来以后它的这个大小是不是跟L大小是一样的,对吧,底下这条边是一样的啊,所以这里面这个一呢,我肯定就不能给它了,不能给他一呢,我给什么呢?我给他一个高度,比如说。
16:07
先不给搞给一个吧,He给他一个五像素啊。但是给高度我们也看不出来什么东西对吧?来给个背景颜色BD,然后井号来个。A100000连个黑红色。A1几个零,我写的。四个零,OK,这回你再来看啊,等你。哎,有了吧,但是我这五项数有点大对吧,而且你看是不是跟它这个现在也一样了,你看鼠标放上来对吧,它默认是没有放上来才有吧,哎,但是它没有那么宽啊,那我们给它高度两项数让它小一点呗。刷新诶不对,发错页面了,这个页面。看这回是不是就对了,哎,对了,以后接下来干嘛呢?接下来咱们来看啊,在这里边,那我可以继续给它进行一个设置,怎么设置,比如说咱们学过这个,呃,Transform属性了吧,然后给它干嘛,让它进行缩放呗,开X沿X说就行吧,缩到缩为零,双为零是不是不显示了。
17:06
是不是就没有了,那当鼠标放上来以后呢,鼠标放上来,那是不是就是让它再显示出来,那也就是这个地址的冒号。Ho。不对,不能是他的号,应该是什么Li冒号,How,当鼠标移动Li下,让它下面的after干嘛呢,继续。说明它显示啊,那叫做穿,然后X变成多少变成一啊或者大一点1.2。对吧,那现在你来看这里边刷新鼠标放。诶诶诶哦,我这在移动端里头呢啊,我把移动端先去掉啊好,这回再来刷新一下啊好你看好。是不是就有了,有了大家注意人家是不是有一个过渡的效果呀,你看是不是有一个过渡的效果,看到了吗?哎,所以我们这里边也要给它加一个过渡,那怎么办穿。
18:03
呃,过度叫什么了,穿三吧,哎多长时间,是不是所有标签对吧,多长时间呢?比如说我让他0.3秒完成,然后怎么完成,比如说用exe。来这个我们再看。走你看好了,鼠标放你看。对吧,你看我的这个给他1.2是不是它也会大数据一些啊,看到了吧,看到了吧,哎,那是不是就搞定了,那这块搞定,接下来是不是它放上去,它得显示啊,平平时它是隐藏的,对吧,也就是这里边你生不生活盒对我来说是无所谓的,但是你必须得这次play还得一下。对吧,默认用你伸缩核吗?我不用你伸缩核,它已经隐藏了,你伸缩核是什么呀,对不对,显示的时候再给它变成伸缩盒不就好了,你看现在它隐藏你什么也看不到对不对,然后鼠标放下来它显示,那也就是说在这里面继续。叫做。我往下写了啊,AV冒号。V下边u Li下边Li冒号鼠标放上去以后,让它下面的让它下面的u Li干嘛呀,那怎么显示呢?伸缩格的方式显示,是不是就继承了我上面的所有的属性了,哎,那OK,那现在你再来看刷新来走你。
19:11
都你都你对吧,我现在只有这一个有没错吧,哎,那其他是不是就正常了啊好了,那好了以后呢,接下来你看这里边我还可以干嘛进行选择选择对吧,那就把这两个字颜色变一下呗,银子里面字的颜色是什么,也是黑色对吧?二级呢,二级也是黑色,那OK,我们把这两个颜色变一下,那也就是说注意我这个时候要变它下面所有的A标签的颜色对不对,那OK直接干嘛呀,AV下边的NV空格里面的A直接给他一个color变成井号000。好,现在你再来看。你看变了吧,下面的是不是也变了。看到了吧,哎,所以大家注意什么时候我可以用这种。这种选择器什么时候我用这种选择器方便对吧?哎,你你如果你这个时候我就是为了设置个颜色,设置它下面的A标签颜色,那我还要这么去导,这标题很长对吧?但是我再去设置其他样时候,我说必须必须精确到某一个的时候,那我就得怎么办,我就得精确的去找了啊,就得精确去找了,好了,那这块东西是不是就搞定了,搞定以后那么一样,接下来它下面有一张图片对吧,我在这块啊,我就在首页中直接给一张图片占了啊,比如说这里边叫做B。
20:20
不对,叫。然后ID给他一个BNR,那么这里面咱们就放一张图片,现在我们还不会去写image啊,当前目录下边应该有叫班的,OK,好了,我就直接给他一张图片占位。小心。好了,刷新完以后,注意它这个图片的宽度,图片的宽度是不是要跟我班的宽度是一样的,对不对,那在这里边我进行一个设置,我先写到这儿了啊。B,但这个肯定我要挪到首页里边去的,对吧,但是我只是为了在这里边去演示一个什么呢,我要演示一下我这个位,就你看现在他下来是不是给他顶住了,看到了吧,哎,是这个意思啊,我只要演示这个东西好了。
21:04
这里边banner的话,我们先去设置井号BN呀,Banner它的WDT宽度是100%宽,100%宽啊,你也看好了我的banner,我的这个定义的banner是不是已经超出了NAV的标签对吧?没被被na包含,也没被谁也没被heer包含,看到了吗?哎,给他设置一个什么,设置一个百分百啊,然后接下来就它里边的图片,那井号ner里边的image给他设置也依然是百分百,好了,那现在我们来看啊。刷新。没错吧,哎,包括我们在移动端先不管它了,移动端先不管它,移动端对它没有影响,现在接下来看这啊,我鼠标放下来,它是不是要往下呀,往下是不是它得占位才行啊,那你看他能站到位吗。他是不是都写到张图片上去了,你看人家呢,人家一往下看,是不是整个注意啊,它是盖的图片呢,这不假,对不对,但是呢,它是不是整个图片,不是整个图片叫什么,整个这一段下面都是白色的,对不对,哎,所以这里边那也相当于我的这个ul的背景颜色,找找找找我们的ul啊,是不是这个ul它的背景颜色,我们给它设置一下back back叫井号FFFF,那你看行不行啊。
22:17
来返回来刷新放。行不行行没什么问题吧,看到了吗。你看人家呢?看到了吧,差距在哪啊?看看。再看眼睛的。人家的是满屏的对吧,而我呢,就不行了吧。哎,所以这个时候注意我也需要给他什么,给他满平宽。是不是,而并不是100%,因为100%是不是只能继继承什么,继承他的父类啊。对不对。那我们这块应该怎么写,你看好了啊,其实我们在一开始设计的时候是逻辑就设计有问题,就是没有把这个效果考虑的很好,对不对?你看人家一放上来,注意您就是整屏的,我们一开始就没有把它考虑的很好啊,所以在这里边我们设计的时候它就有问题,看到了吗?哎,那这样的话我们怎么来解决,你先看啊,我们再来分析一下,这里边有一个标签叫n AV,对吗?AV里面会包含的一个ULUL里面再包含的各个导航的样品,没错吧?那你看我的AV的宽度,我到底给它设置是多少,你往上找。
23:20
NVNVNV在这呢,多少70%对不对,然后ul呢,是继承它的100%的一半的80%对不对,所以这样肯定不行,那既然是这样,那怎么办?我可不可以把NV4的100%呢?然后他还需要马兔这个东西吗?不需要了吧,哎,剩下这一切都无所谓了,然后他既依然什么,依然是让他这么去定位对吧?那现在你来看啊。刷新。你看好了。你看这个时候我是不是就变成了100%了,看到了吗?哎,看到了吗?这是不是就可以了看。是不是整个屏幕的因为什么,因为我的这个把它把最外层的AV的宽度给它扩到100%,然后我让它做什么做相对定位对不对,那它相对定位这个里边依然有宽度在维持,对吧?然后Li呢,Li这里边的这个Li这呢啊。
24:16
他了什么,做了绝对定位,那他的绝对位定位是不是就相对于他是谁,相对于他父亲的对吧?来咱们把这两个再继续啊,红色的给他打印出来,NV的这个咱们也给它打印出来,NV的正好是蓝色对吧,那现在咱们来看刷新啊,你看蓝色整整个对吧,红色看到了吗?是不是在这。也是整个的吧,哎,那OK,那现在这个东西是不是就有了,哎,那好了,那接下来我们就把它给它缩小掉吧,不是缩小掉把这个颜色啊,我们给它去掉,因为已经都用完了。好,再回过来刷新。OK,没问题对吧,鼠标放上来该显示显示。对吧?哎,你看这里边是不是也一样放上来,诶诶诶,但这里边好像有个问题哦,看到了吗?什么问题,我们的这个东西,你看人这个东西离他的距离是有一段距离的,看到了吗?啊还是比较远的,对不对,而我们这个。
25:11
你看是不是紧挨着它,那正常来说是不是它应该在这个位置才行啊,也是这个Li的大小是不是要大一些才行啊。对不对,所以我们干嘛还得调整它,小调一下它的位置吧,哎,那小强它位怎么调,你看好了,来鼠标点过来,点过来以后用它选择它。选择完以后咱们来看啊,Li,其实实际上Li。我们Li给了什么?你看好了啊?来往上一点。为什么它会紧挨着跟他的不一样啊,找到这个Li,你随便哪个Li都行啊,你看Li我们给他设置了什么,设置了一个拍顶值,看到了吗?设置拍顶值以后,所以我在Li里边啊,给它添加这个伪元素的时候,这个伪元素是不是也要符合这个排整值的要求啊。
26:00
对不对,哎,所以它才什么它才紧贴到这块来了啊,才紧贴这块了,那要是这样的话怎么办,我们是不就不可以不设置它的这个派动值,那比如说我们改一下吧,来先找到那个lil,先不设置它,我们看一下样式是什么样的。Li after。在这呢?然后这里边对吧,然后先给他个零啊,看好了LL给零了啊都设置了,就设置左右了。刷新。这回你看是不是就紧贴到这条线了,看到了吗?哎,你先不用管这块儿的内容啊,因为我们把去掉了二次像素嘛,但是你看它的这个颜色是不是就紧贴到这条边了,你看人家的这个颜色是不是也紧贴到这条边呢?看到了吗?是不是也紧贴到这些边出来了,哎,所以这样的话,我们这第一这个问题肯定是没有了,对吧,那接下来呢,接下来他还要有东西吧,它是不是要有高度,那这个高度给谁呀?我是不是可以给它的负类,比如说它的这个PA丁为十。
27:03
对吧,上下为十左右,为什么为零呗。来,你再看。刷新。有了吧,放上去。放上去,诶诶。好像还没称出来是吧,那要才没称出来怎么办,我们就单独给他设置呗,单独给这个小子类设置呗,是不是,哎,但是最起码我们这个问题知道是怎么回事了,对不对。那来,那我们就给他设置啊,给谁呢?给它这个叫做这个尾类设置对吧?那OK,找到它的尾类,尾类在哪,在它的下边对吧?下面这里边我们直接给他一个什么,告诉他Mar晶刚Mar晶Mar r gn Mar晶刚top呗,给多少我刚才拍顶是不是一样为十啊,那这样的话,我上下都为十,我就给他20呗,对吧,让它距离上面20,那现在你来看啊,我再来刷新。刷新完以后放你看起码是下来了对吧,但是注意啊,是不是还多了一个这个像素呢,你看放在这儿能看出来还多了一个什么,是不是还多一个十像素。
28:04
你看啊,这条线和这块是不是大概还有一个十像素的距离,这个像素怎么来了,是不是刚才我们在测试的时候给谁给URL,我们是不是给了个拍顶,哎,那这个时候他是不是就不要了,给他删掉对吧,删掉完以后,那现在我们再来刷新回来,回来以后你看放诶对了吧,这里也没问题了吧,这里这里这里。对不对,你看人这里的啊,这里这里这里这里这不都没问题了,我们这个是不是也能达到这个效果了,也是贴了这个图片这条边再走的吧,看到了吗?哎,没有类的时候是不是也提到图线这条边在走的,哎,那OK。这就是咱们的这个叫什么这个导航啊,咱们移动端的这个不是这个叫什么PC端的导航啊,PC端导航好了,那这里边内容基本上都已经完事了,对吧,那完事了,多余的我们调试的这些东西,那你可以干嘛给他都删掉了啊,那就没什么太大用处了,对吧?包括上面这里边所有的这些内容,你就都可以给它删掉了啊,当然啊,这个图片注意这个图片哟。
29:04
哪去了这呢?拉下来。这个图片不是放到这儿的啊,就是这个首页的这个流,这个导航对吧,这个单的图不是放到这个头部的,而是放到什么,放到主体内容的,我放到这儿的目的只是为了让大家看刚才我们NV写的有问题的效果啊,所以以下的这个呃。幻灯片啊。幻灯片内容啊,内容不是放到该页面的啊,应该是首页。啊,首页内容页面啊,好了,那OK,这节课我们就到这里。
我来说两句