尚硅谷前端基础 (86)

好，那么刚才呢，我们完成了整个的一个这个导航条的一个基本的样式啊，其实它整体来说并不难，跟我们之前写的导航条的区别也不是特别大，但是唯一麻烦的地方就是它里面东西稍微的多一点，所以你做的时候只要是稍微的。细心一点是吧，绝对能做出来的啊。那么接下来呢，我们来看一下，我们做一个这个，我们就做这一个东西了啊，剩下的你就自己去思考一下，自己的尝试去做一下就行了啊，因为很多东西我们后边也会涉及到，呃，我们要说的是一个我们这个北京这个下拉框啊，我们这一移动进去，它这不就出现了一个下拉框啊呃，一个下拉框，那首先这个框为什么一移动到这儿就出来，首先就是这个框肯定一开始就已经有了，对吧，你没有这个框那肯定出不来，所以这里边我们要写的话，我们第一件事先把这个框给它写出来啊，先把这框给它写出来，那这个框写出来啊，里边的内容我就不写了啊，我就直接整一个大矩形，我们放在那就行了啊，放在那就行了，那我们先要思考一个问题啊，思考一个问题，我这确实是需要这么一个下拉框，那问题是我这个下拉框我要给它放在哪。

我要给它放在哪儿，那现在我们说的是结构上，我要给它放在哪，那我要给它放到肯定是得在放到北京附近对吧，那毫无疑问肯定得你你肯定你至少你得放到这个北京的这个什么呀，这个location里对吧，你得放到北京的location里，所以这个时候我们就没有什么好选的了，我们就直接在这儿放一个什么呢？哎，我们要放置一个我们城市哎列表这个div，所以在这儿我们直接Di，我们叫做一个CI的一个这个list，是不是这个就是我们的一个城市列表啊，哎，城市列表这个东西默认情况它是隐藏的，里边显示是一个城市的一个信息，那这里边我们先给它设置一个样式啊，先给它设置样式，呃，City list city list在我们的location下边，嗯，Location在这吧，哎，设置我们这个城市这个列表的一个这个效果啊，我们直接来个表一个location下边的一个。

的一个这个list啊，C list的一个这个list list呢，我们来一个west，比如说来个100 hi，来个100，然后background color background color，我们来一个red啊，来一个red啊，然后我们来看，诶，这哥们是不是就出来了啊，就出来了啊，当然现在它的大小，它把我们整个元素都给撑高了，别着急，我们一点点来，现在它的大小肯定不是这么大，它是不是应该实际上是这么大个的，哎，我们把大小给它设置上就完事了啊，直接我们来量一下。大概大概估一下就行了啊这东西。哎，咱们意思意思完事啊，这个东西不用太。可以，因为我们没有内容嘛，我就不往里边写内容了，是一个呃，三百二乘以一个436，那我们就直接取它吧，Y是一个三百二外外是一个320像素啊，然后has呢，是一个436个像素，436个像素啊，大概是这么大小的一个东西，对吧，就这么大这么一个东西啊，当然这个东西默认情况下是应该隐藏的，对吧，隐藏不隐藏我们待会再说，背景颜色呢，应该是一个白色的啊，是一个白色的，那它里面的东西我们就不写了啊，它里面的东西不写了，那现在的话，我们先把它这个一个基本的样式给它写出来，基本样式应该是这样的，哎，这样的，然后它这儿是不是还有一个这个有一个这个边框呢？哎，有一个边框，这边框什么颜色的？

看看能不能取到这个颜色。哎，我这小手老抖。诶，边块是一个204204204对吧，有一个四个方向的一个边块，所以在这儿呢，我们直接给它来一个borderder borderer是一个这个，呃，四个方向一个像素的一个solid力的，然后颜色是RGB的一个204204204，诶跟我上面那个颜色差不多对吧？我上面颜色差不多，所以一刷新那大概就这么一个效果对吧？但是里面我们现在没有填内容，但是填上内容那个效果就差不多了啊然后的话，这个玩意儿它一上来应该是隐藏的，它是不是应该不应该出现呀？哎，不应该出现，所以一上来是隐藏的，隐藏的话我们怎么隐藏，隐藏的话怎么隐藏，隐藏的话非常简单，我们在这儿直接来一个什么，还记得我们那个吗？叫做一个Dis play叫做一个block Dis display叫做一个block，啊上来是隐藏的，这个时候们，诶不是block display什么呀，Display叫做一个，那这时候你再看是不是就看不见了，哎，就看不见了，然后。

好，我们什么时候让能出来，哎，当我鼠标移到这里面的时候，这哥们是不是应该就出来了，哎，所以这里边很明显我们应该设置一个ho，当某个元素的whole触发的时候，我们就应该让这个c list是不是显示出来呀？哎，那问题就来了，这个whole我要绑定给谁？绑定给谁？是绑定给北京这个超链接吗？诶也就是说是绑定给谁呢？是绑定给这个A吗？看CT吗？行不行，行不行。

我定给谁？哎，那我这么写行不行，看着啊，我们先试一下location location，我们就直接设置一下location location下边的A，我们给它冒号一个whole，首先我们先说绑定whole肯定是显示的方式啊，我绑定一个whole行不行？哎，注意这一块whole不应该给A绑定，为什么注意了，我们要设置的是一个什么效果，当我鼠标移入的时候，我要让什么，我要让这个CT list是不是显示出来呀？哎，显示出来，那这个时候如果我的后绑定给A，你注意啊，我是让A显示。

不是让A显示，我让谁显示，我让的是这个CT list显示，所以这个时候你绑定给A的话，你能不能通过A找到这个CT list的，哎，你找不到的啊，你找不到的，所以这个时候是不能绑定给A的，那我绑定给这个div行不行呢？这个div整个这是不是都是这个div啊，绑定给这个div行不行，也就是CT行不行，试试我们这直接来写啊，直接来写，我们直接点一个啊current CT冒号一个ho，那注意了，我是不是让current CT显示出来，显示出来那是不是就display block呀，我是不是让current的CT显示出来，是不是注意不是，为什么，因为current CT是不是就是这个北京啊，它本来就是显示的，我要让谁显示，我要让的是这个CT list是不是显示来呀？哎，所以这里边我们应该写的是，当我们这个ho触发以后，我应该是什么，我应该加上。

一个点一个CT list，我是不是让它的什么它的下一个兄弟元素CT list显示出来呀，所以这句话意思就是当我鼠标移入到这个div以后，我让这个div下边的这个兄弟元素是不是出现呀，懂这意思吗？哎，让它出现，所以这时候你看行不行，哎，一移动是不是就出来了，哎。移动是不是就出来了，哎出来出来出来出来出来对吧，这个你先不管呢，但是我们处理它，但是现在是不是就已经可以显示了，哎已经可以显示了，但是注意显示是显示了，但是与此同时也有一个问题，什么问题。看着啊，我现在往下移。往下移。往下移。往下移行不行不行，为什么不行，先说这样这样效果对不对，很明显这效果是不对的，你看我们原版的效果，我移动进去，我在这儿移动的时候，它是不是不消失啊，只有从这里边移出去，它是不是才才消失啊，哎，但是这儿的话，你看我移动看是不是一直都有啊，哎，一直都有，所以这个时候按道理来讲，我们这一到这儿的时候，他是不应该消失了，但是现在为什么消失了，看着现在我们的后是不是绑定给他了，哎绑定给他了，也就是说意味着只有当我鼠标在这里边移动的时候，它才会出现，只有鼠标在这里边移动的时候，它才会出现，那好，我问你，现在我鼠标在这儿它出现对吧？当我的鼠标从这个位置移到这儿的时候，这个东西div还是不是一个whole的状态，哎，很明显这个时候它就不是一个whole状态，那这个时候我移到这儿里边，是不是等于从这就移出去了，那移出去。

对了，它是不是就消失了，哎，就消失了，所以注意这后绑定给这个car的CD行不行，诶很明显不行，也就是说我们希望一个什么效果，我鼠标在这儿的时候，它会出现，当我鼠标从这儿移到什么呢？移到下边这块的时候，它是不是也会出现，哎，也会出现，所以注意这个后味绝对不能绑定给他，那应该绑定给谁？那也就是说，也就是说我的一个效果应该是无论是我在这儿也还是在这儿也都会触发一个ho，懂这意思吗？也就说我在这里边动和在这里边动它应该是一样，那怎么办？哎，那也就是说这个后我不能绑定给谁呢？不能绑定给这个。

它因为你绑定给它以后，你从它移出来以后，这whole就没了，哎移到这里边后就没了，所以这个后应该给谁呢？应该给我们的整个这个location，那什么好处，你在这里边移动也是location，在这里边移动也是location，因为location是不是他们共同的副元素，哎副元素，所以这里面注意了啊，我们这个whole应该给谁？应该给的是我们这个location location给他一个ho，然后注意了，这回就不是兄弟元素了，这回就是后代了，比一个c list，我们直接来一个display，我们来一个什么呢？来一个block，哎，Block来我们来看效果啊，来看效果，先看效果一刷新一动，哎没不没了，哎就不没了，你从这一出去它会没，但是你只要是在这个范围里动，它是不是永远都不会没啊，哎，永远都不会没啊，所以这里边注意，我们来说一下这是在干嘛，当我们鼠标移入到我们这个location时，我们要。

干嘛呢？哎，我们要让我们这个CT的一个list显示啊，CDD的显示就这么简单，但是一定要注意，凡是做这种效果，这个whole味一定是给负元素的，你不能给兄弟元素，或者给新元素可能也行，但是你处理起来会很痛苦，会很麻烦，一定注意，一定是给复元速的啊，一定给复元速的，如果你转不过来，到时候写的时候你再体会一下，很多东西，就是我光说的话，你可能体会没那么明显，一定要自己尝试着去写一下啊，一定或者说即使你说哎老师我听的挺明白了，你依然还要自己去写一下，好，那么说现在我们这块是就可以出来了，哎，就可以出来了，但是与此同时也产生了一个问题，它是出来了，但是现在它出来以后，是不是整个把我们这个副元素给给撑高了，哎给撑高了，那这样好不好啊，哎很明显这是不好的，也就是说这哥们儿的出来不应该去影响我的复元素大小，对吧，那怎么办？

怎么办？换句话说，这东西应不应该占复元素的地儿，诶不应该占地儿，不应该占地儿，那应该怎么办？诶，应该让它脱离文档流，所以凡是这种浮出的层，一般我们都会给它设置一个绝对定位，所以在这儿我们还需要来给他麻烦，诶来给他设置一个这个绝对定位干嘛呢？诶使其不占据什么呢？哎，不占据我们这个页面的一个位置，不占据我们页面的一个位置，这样一保存，我们来看效果，一刷新走一个。

第一我设置一个啥呀。啊，写注式的时候没写样式，哎，Position来一个absolute absoluteut，这时候你再看刷新一下position absolute absoluteute。上边没写分号不要忘，这分号刷新一下，这个时候是不是就没问题了，哎，这个层就可以正常的去浮出来了啊，可以正常的浮出来了，那这样的效果是不是就很OK了，哎，就很OK了，这个位置我们甚至都不用调了很多，诶等会我们看一看啊，嗯，它的这个位置呢是。他把这个边框给盖住一块是吧，我们看原版的什么样的。原版也这样对吧，原版也这样，那我们就不用管它了啊，我们就不用管它了，然后的话再设置一些细节的样式，细节的话，首先它有一个阴影对吧，阴影给它设置上，呃，阴影的话我们是一个这个box shadow box shadow的话，位置的话偏亮我们就不设置了，然后的话，我们需那个蘑菇半径设置一个实像素颜色的话，呃，要是一个透明的颜色啊，是一个透明000，然后是一个点三的透明，我来看看行不行。

呃，那大概就这样一个，呃，效果还可以是吧，但是的话这个背景稍微有点大，我们来一个两个像素。有点浓点二。哎，那这样大概这样一个背景还可以接受是吧，还可以接受，然后的话，这个背景颜这个阴影的话，它应该是上边是没有阴影的，看到了吗？我这块等于阴影是不是上边有啊哎上边有上边有的给他往下调，嗯调两个像素，因为正好虚拟两这个虚化两个两个像素嘛，这样的话是不是阴影就都跑下边来了，哎那这样就有这么一个，哎立体的一个效果啊就完事了，好，然后的话在细节就是我们这个移动以后，北京是不是也要有一个白色背景啊，哎，要有一个白色背景，所以这时候我们还要给我们的这个呃，叫做一个car的CD。

设置我们这个CT啊，这个CU int current的一个CT的一个移入的一个效果啊，移入的一个效果，这直接点一个current city，点一个cart current，一个CI冒号一个ho，它移入以后，首先你应该是一个background color background color，背景颜色应该是变成一个这个white了啊变成一个白色啊变成一个白色上新。诶，对吧，变成一个白色的一个效果，呃，但是这个白色的话稍微有点别扭，因为这个白色，它这个白色实际上它这是不是有一个有一个边距啊，哎，有一个编剧，而我这没有这个编剧，所以这个时候在这也体现不出来，所以我们还要单独给他current city设置一个编距，你注意啊，你不能在ho设置，你在后里设置它就会你如果你在这儿设置一个拍on，比如说设置一个零，然后一个十像素，这时候你就会很别扭，它会有一个。

看到了吗？它会动的啊，它会动的，所以这边距的话，我们应该直接加在它原来那上面啊，原来那上面，那这样它就不会不会动的，对吧，不会动了，就是这样一个效果啊，就这样一个效果了，呃，诶十个像素还还挺合适对吧，还挺合适，那我们正好省事了啊，正好省事了，设置一个十个像素的一个编距，这十个像素的编剧我们给它设置完了，设置完了以后的话，还有一个注意点，注意点就是它现在的话还有一个这个。它是不是还有一个整体的话，这有一个这个边块啊，哎，它上边也会有这么一个边块，但是它这个边块跟那个不太一样，它是什么呢？它是三个方向是吧？下边没有啊，这边没有三个方向边框，所以呢，我给它也设置一个边框，但是呢，CTRLC呃CTRLV粘过来，但是呢，它下边没有，下边没有的话，我们就直接来一个这个包的一个包来一个这个，那没有下边框啊，一点点来设置，不着急啊，我们一刷新一走，是不是这个边框也就也就出来了，哎，边框也就出来了，嗯，但是呢，与此同时也产生了一个问题啊，也产生了一个呃不大不小的问题，对吧？不大不小的问题，什么问题呢？

首先我们来看一个啊，我们这块设置完边块以后，你看我们整个这个div，它是不是把我们的这个这个块，它是不是把我们这个你看明显到感觉到它它动了啊，它动了明显感觉到它是不是把我们整个这个这个这个这个条是不是给挤大了，哎给挤开了，给撑开了，那是为什么呢？哎，因为我们这是不是给它加了一个这个边块，加了边块以后，它的这个整个的这个这个高度啊，高度就发生了变化了，那你高度一变，本来以前你的行高是30，然后你加了一个边块以后，你是不是整个把那个东西就给就给撑高了，哎给撑高了以后，就导致我们复元素呢，跟着干嘛呢，一块变了啊，一块儿变了，很显然这儿我们是不希望复元素是跟着它一块儿动的，所以呢，我们干脆呢，就直接把复元素的高度呢，也一块给它写死了，因为我们之前是被航高撑起来的，对吧，没写死了，那在这儿呢，我给它写死了，写死了以后我们刚解决一个问题，也就是说我们现在。

在负元素的高度不会被撑起来了，对吧，不会被撑起来了啊，那这样是不是就好一些了啊，不会被撑起来了，然后我们再看一个细节的一些地方，细节一个地方呢，再看现在的情况是我们现在看这啊，我们看北京，我移动到这儿，你看什么效果什么效果。看到了吗？诶，也就是说在我们下边这个边框，在这一段这个位置，它实际上是没有边块的啊，没有边块的，但是在我们这儿，你看你整出来以后，这是不是依然还存在有这个边框啊，哎，还存在有这个边框，那这是为什么呢？诶这没有为什么它就应该有，因为这边框本来你就设置了，这边框就应该显示，那关键问题是它是怎么把这段边框给藏起来啊，其实也不是藏起来，它只是干嘛呢？很简单，它是用上边这个元素把下边这个边框给给盖住了啊，给盖住了，所以这个时候我们可以直接让上边这东西干嘛呢？把这个边框给它盖住啊，给它盖住，呃，所以当我们这个。

我们来看一下啊，当我们这个这个东西你用什么钙，其实啊都行啊，你用什么钙都行，这东西比如说我甚至可以干嘛呢，哎，那比如说。我们来看一下啊嗯，现在我们来看一下它的范围，它的范围的话，现在我们来。看一下啊。首先呢，我现在需要做一件事儿，我需要让这个北京这块它保持一个ho的状态，所以我们在这儿呢，给它右键选中有一个FOX state啊，直接让它来一个whole，你如果可以确保它一直都出来，或者你把什么呢，你把它那个display那给它去掉。

也行啊也行，然后呢，在这儿的话，哎这样吧，我不我不费劲了啊，不费劲了，我直接把它这个样式啊，我现在先让它呢显示出来，哎，我不隐藏了，我能一直显示，待会我再打开啊，待会再打开，因为待会儿不然我不好调，然后这个location也是一样，Location的话，我们这个current在哪呢？Current city。Card的CD在这儿呢啊，这堆样式呢，我也是先给它设置上，待会儿呢我再调啊，待会再调CTRLC我再粘过来，现在是不是这么一个效果呀？哎，我们现在需要的是什么呢？是让上边这一段盖住下边这块，也就说我让它这个白色背景把这边框一盖，是不是就不显示了，哎，就不显示了，那现在的话，其实我们盖的话方式有很多种啊，很多种我可以直接给它把，比如说我可以给它加一个什么呢？我可以给它加一个拍定包头，拍定包头比如说我加一个两个像素，它是不是增大两个像素，诶增大两个像素，但是这个时候其实你也会发现一个问题，当我给它往下移的时候，这哥们是不是也跟着往下动了，哎，为什么他也会下动呢？因为他俩是兄弟元素，他是他前面的元素，所以他肯定会挤到他，他指的是在它下边，诶，但是你不要忘了，这哥们儿，我们是不是已经开了定位了，哎，既然开了定位了，我就是不是可以给他往上挪呀，哎往上挪，那我这里边呢，因为。

啊，我们是给它设置一个absoluteut对吧？Absoluteut，但是呢，我并没有给它的副元素呢，开启什么别的定位啊，开启什么相开启什么相对定位，所以呢，这里边啊，对于我们这儿来说，开不开都行，为什么开不开都行呢？因为我们这个元素在最上边对吧？在最上边你这个玩意儿即使是相对于我整个音二进行布局也没有什么太大关系啊，也没什么太大关系，但是呢，为了呃保险一点，我们还是给它的副元素给他开一个啊给他开一个，给谁开呢？你可以给这个location kitchen开，或者干脆你直接给他左边这个整个这个谁呀，我们这儿是不是有一个这个叫一个。

Top top top bar是吧，Top bar，我直接给top bar开一个top bar搁哪呢，这儿呢，我直接给top bar开一个相对定位，那这个时候我们的这个玩意儿是不是就相对于它定位了，哎，相对于它定位，其实这开不开都一样啊，但是我们开一个保险一点，然后呢，我需要把它往上移，往上移其实就是把这个距离是不是设置到这儿啊，诶设置到这儿，那这块应该是正好是一个31个像素，因为高度是30，那一个边框是移像素嘛，所以我们直接给这个。CT list c list，我们给它设置一个top，是一个这个31个像素，31个像素可能往下移一点，那这样的话，它是不是正好就就提到这儿了，哎，正好提到这儿了，那这个时候它是不是应该就能盖到它了，哎，能盖到它了，但是你会发现这个特点啊，这有没有盖住。

没有盖住啊，没有盖住这个东西为什么没有盖住，诶，因为这个是兄弟元素，他开定位了，他没开定位，他是不是肯定盖不住它呀，它肯定盖不住它，所以这个时候如果你希望他能把它盖住的话，你还需要给我们的这个整个这个叫。的CT也要给它开定位，那开什么定位呢？这里面你也不想让它改变位置，你只需要让它的层级是不是比它高啊，哎，比它高，所以我们这里面不影响元素又能定位的，就是一个position，一个relative啊relative relative以后还是那个问题，你给它开启相应定位，它开绝定位了，它是不是它下边的元素，哎，同样它的层级会比它高，所以这时候你需要给它设置一个z index，哎，比如说我设置一个一，那这时候来看效果是不是就给它盖住了，哎盖住是盖住，但是这多出一边来很恶心是吧，因为我这拍顶设置大了，拍顶应该设置一个一个像素。

诶，那这样这个边是不是就没了，哎，那这样很完美的就解决这个问题，这一段边框是不是就没了，哎，就没了，很简单啊，很简单，但是这里边这一块，如果就这个练习来说，你这么写是没问题的，但是如果你看原版的话，你要还要考虑一个问题，什么问题呢？你看这儿啊，我现在给它设置层级了，我是不是没有给它设置层级啊，所以肯定它能把它给盖住，但是你注意了，我们想一下它下边有没有可能有别的定位元素，是不是也有可能啊，诶也有可能，所以如果它下边会出现别的定位元素，可能出现这种情况，比如说这东西开启定位了，这个玩意儿是不是就可能。在这显示把它给盖住了，哎，把它盖住了，所以像这种弹出层你不能不设置层级，必须得设置一个较高的层级，确保它不会被别的元素盖住，不然的话就会很恶心了，所以这个时候你要注意我们的这个CT list，正常来讲也应该有一个层级，并且这个层级不应该太低，所以比如说我给他设置一个层级Z引带，叫一个999啊999，那这个时候你这一是不是就盖不上了，哎，所以你这一块你还得给它加一个，比如说你要写一个，诶，你写四个九或者写1000都行，这个东西你还需要把它给盖住才能解决这个问题啊，当然这块写不写都一样，但是我们要考虑到一个实际需求，因为下边有可能元有元素把这个东西给盖住了，所以我们这儿必须得要处理啊，必须要处理好，那这儿解决完了，但是现在它是不是不应该出来呀，哎，不应该出来，我们就先把那个刚才我们注册注销那个迪斯普类那给它打开。

那这样它是不是就没了，哎，你再移动它是不是出来了，哎，那同样这里边KA的C是不是也不应该有这个样式啊，哎，不应该有这个样式，那这里边我们就要改一下了，哎，我直接把这一堆样式，这一堆样式全都给它放到哪儿呢？放到我们后边。

放到后味，那这样这些样式就只有后味的时候才有效了，是不是就这个效果了，哎，这样就可以去这选了啊，就这选了，但是还啊，还有一些细节我们需要去处理的，还有什么呢？看这啊，看这儿第一个问题，问题还不少呢啊，所以你会发现我们写一个东西啊，细节问题会出现很多，所以为什么说你需要通过实践来练习这个我我就给你光讲这个知识点，可能这个点某些时候我也想不到，所以这时候我们必须得通过练习，通过实战去体会这个东西，所以啊，你们在做这个练习的时候，不要局限于我课上给你们讲的练习，一定要自己去找一些练习要做一下，这样才能确保你的知识有一个最佳的一个吸收效果，你看我们这儿就又存在很多问题，你看我在这儿后味它变颜色了，但是当我移到这儿来，他是不是就没了，他就没了，那这是不是很很恶心啊，哎，很恶心，为什么没了，还是这个问题，我的后位现在绑定给了他是的CT了。

当我从current CT移到这儿来，是不是这个后状态就经已经没了，没了以后那样式当然就没了，所以这个后同样也不能给current CT应该给谁呢？应该也是给location，应该也是给location，也就是说我移动到location以后，它就变这个样式，这样是不是就不美了，哎，这样就不美了啊，这样就比较好的一个效果啊，所以一定要注意，这扣户给谁一定要考虑清楚啊，一定要考虑清楚，然后再看就是一个小问题，你看这个字，我移动的时候，它会它会动一下。这字的位置会发生一些变化啊，发生一些变化，当然这个变化其实有没有也无所谓，你看这儿它它没有变化对吧，它没有变化，这有变化我也觉得觉得我我我感觉其实效果还好一点，但是我们要说的问题就是我们怎么不让它变啊，怎么不让它变，那这里边它之所以变，就是当我鼠标移入到这儿以后，我是不是给它加了什么，加了什么paing啊，又加了什么这个这个这这个这个这个这个边块啊，哎，加了边块，那加了以后呢，就导致它整个的一个框变大了，变大以后位置生变化是很正常的，对吧，所以这个时候我们不希望什么呢，我不希望它移动以后位置发生变化，那怎么办呢？诶这边块啊。

CTRLC，我在它正常情况下，我就把编码给它写出来，这时候再移动是不是就没变化了，哎，就没有变化了，是不是很完美的就把这问题解决了，哎但是你说老师你这玩意儿边框怎么出来，这么就很难看呀，能不能让边框没了呀，哎，当然能没把颜色我们直接变成transpar，变成什么呀，透明的哎有边框，但是你看不见，是不是这样就不会动了，哎就不会动了啊好，那到此为止，我们这个东西就给它写完了，把它写完了。小小一个东西，写起来其实还是有点麻烦的啊，你们写的时候也是要耐心的写一下啊，别着急啊，慢慢写，然后的话，他这边还有一些下拉框，咱们可以自己去尝试去写一下啊，可以自己尝试写一下，嗯，然后的话其他的就没什么了啊，现在就没什么了，自己尝试写一下吧，这练习还是稍微的有一点点难度的啊，需要去细心的认真的写一下，写完了这个自己再找一些别的练习自己来做做，把这块做好了，咱们再往下去看视频，不要去着急去看视频啊，一定要去一步一步的是吧，哎，一步一步的去写啊，一步一个脚印，那这样学的知识才会更扎实，你用起来也会更踏实，关键点还是在什么呀，在练习你工作的时候也是一样，没有人去说，呃，当然你的基础知识扎实很重要，但是关键点我们看你的工作能力，还是要看我给你一个东西，你。

能不能写出来啊？好，我们先说这么多，停一下。