00:00
我们来看一下啊啊,昨天我们啊,就是讲了一样东西不是法是不是啊,在讲不之前的话,可能我们进行了一些什么类的一个补充啊OK。好对,定期复习,好在复习这块的话,我们第一点我们讲了什么。上来其实我们讲了一下less的继承是吧?OK,我们说赖的继承啊,继承它有什么好处,继承是谁继承谁。啊,是不是一一般我们会会去继承一个类啊,是不是我们说一般我们会用点选择器的形式,我们去干嘛写一个基础的一个库吧,然后我们是不是通过冒号一分子去干嘛继承啊,一般写法是什么样的,我们说建议单的写法是干嘛多了么后个嘛,Extend嘛,OK,里面应该是一个点什么fat发是吧,就是你的一个负类吗?那讲,而且我说这个东西他能省略吗?
01:14
不能啊,他必须得是平级的,要么你就干嘛,要么你就直接写的什么,比如说我现在有个选择性啊,我一个选择就叫test行不行,行吧,要么就这么写。过了,你要么就这么想,是不是就是把就是把这个继承的这个什么,把继承这个语法写到他的什么。相当于是写写的他什么下一集去吧,是不是OK,要么你咋写test干嘛,冒号杠extend OK,然后你再去写你的规则啊,你再去写你的生命款是不是,可是我们说建议是不是用这种语法,这种语法比较干净嘛,有跟你讲啊,这种语法最好不要去用它是不是这我说继承,那继承其实是干嘛。
02:06
继承去干嘛?继承实质上去干点什么事情?实质上是干嘛将什么将这个选择器和什么你外部的这个选择器干嘛组合,组合成一个选择器是不可生命快使用谁的。实明快使用OK使用什么好的,是不是这的这不是继承吗?那里面是不是还有个关键字叫什么,哦哦哦代表什么意思,为什么继承所有什么。继承所有和什么。
03:05
点发的相关的是吧,相关的视品快吧是吧,是不是会把这个跟这个点发的相关所有视品款全部给么记承下来,就你点发状态,或者说你点发的自己的一个什么选择性的组合,我全部会给你记下来吧,这是不是我的一个使用规则是不?我们说第三个你干嘛切记什么。切记,负类干吗不能定义成混合,不能定义混合是不是?这也导致一个问题,我们说干嘛继成懂吗?不灵活,没有办法传参数嘛,是不,我说干嘛混合相对什么灵活?是不是咱俩,可是我们说基层干嘛。
04:00
不灵活,可是它性能高啊,为什么性能高啊,CSS的文件比较小呀,是不是OK,我们这干嘛,然后呢。混合灵活那个嘛,性能低啊是不是,那这个是不是一件吹毛求疵的事情啊,就是我们让为了让CSS这个体积稍微要吗小一点吧,就是最好使用继承吧啊,可是一般你们在开盘中会发现混合是不是更多。是不是啊,OK啊,这个稍微注意一下,然后我们又讲了什么。讲了less的避免编译,OK,好,避免编译这一块,其实这个东西也蛮重要的,在我们的这个rap的语码里面,大家应该也看到了是吧,他的个语,它的一个语法,什么样的波浪号,双引号啊,这里面是不会被编译的,什么不会被编译的内容。是不是,而且这里面能不能写别的。
05:04
可以写变量吗?是不是OK?而且我们说了一定要记住一件事情,变量在less当中什么?变量在less中属于什么?属于变量在中属于快捷作用于,那么理解OK,而且还得知道什么电量有个什么。延迟加载,OK,这应该没太大问题是吧?好,那讲完了之后我们又讲啥。是不是讲了不讲什么不需要分了,以及三格的编法分析,是不是其实除了三格的话不需要其他东学我们都还没讲是吧?我们只讲了一个什么,不知up什么三个系统是不是它的什么源码分析好这里面的话,我们首先得知道几个概念什么。
06:02
流体容器是吧,然后呢,固定容器OK,还有什么。流体容器,固定容器还是什么好列,是不是OK,我们说流体容器里面注意这个外应该不到,记住是。凹凸,凹凸跟百分百有没有区别?这应该可以理解吧,凹凸跟百分百的区别,如果外跟凹的话,你再加的话,他是他是一个什么样的行为啊。啊,这个这个是最最基础的东西,我们来看看。不不不,这什么鬼?OK。OK,我们来说下这个什么,我来看一下啊,比如说现在啊,比如说现在你一个D是吧,叫test是吧,OK,你外面来个标签,比如说你这个。
07:14
啊,我把其我把其他的一些什么啊,不开看的东西,我们给他干掉是吧,OKOK,比如说这个test好,我只给他一个高度,那他的外形。只给高度的话,你看我的高度给300片是吧,背景颜色我给个粉色,那问题我现在有没有给宽度,没给宽度吧,OK,那他的宽度应该不到。百分百吗?是不是70应该是多少凹吐只是我们一一般一常是一直叫他什么百分百是不是走你你看OK这个。你看外怎么看啊。这边嘛,是吧,OPQRVWWPQRSVW,这个是我记得最最清楚。
08:02
Y1366吧,难道是我分辨率的看度吧,其实默认的是凹。能不能讲OK,那看如果这边我给他叫拍,问你这个拍在哪。是不是往里抠的。看见没有,这个叛逆是不是往里面勾的,比如说逆上上下,我们只看左,只看左右的。是不是往里扣的,那么讲像不像玻璃box?是不是OK。可是一旦你写了。Y为百分百,那就炸了,问你你这个Y为百分百是不是就是拿初始方块的宽度,宽度你看是方的宽度是不是下来了,没有任何问题,1366这个时候再加3D呢。看你没出现滚动条就多了50了啊,多了100了。多了100了,就说外为凹凸的时候,其实跟外为百分百一样吗?不一样,只不过因为我们一般情况之下的话,干嘛,最最外层东西会比较干净嘛,没有叛逆这种东西的。
09:07
影响嘛,所以说一般我们就会默认认为外凹跟外百分百差不多嘛,懂不懂这是一个相当于是,相当于是我们在授课的时候,说法上不光是授课啊,就是你平常跟人家去聊这些事情的时候,就是在你的开发过程当中,就是一个说法上的小失误,可是大家也不会改过来。懂不懂,所以你得知道人家在说什么,懂吗?啊,有时候他说外思维百分百,其实他说就是外思维。凹凸嘛,对不对啊,这个和模型上相关的东西啊,自己把它理的细一点啊,这是最最基础的,OK,说一下OK这个外凹凸吧,OK,那固定容器里面有个概念叫做阈值是不是OK,我们说在我们的不里面预值分几种。四种先写它的标记是什么长S是吧?这个我记得最清,还有什么SM还是MDLG是不是哦,问你X代表什么?小于嘛,是不是不是代表大于等于吗?那这个X就是小于七六。
10:25
是不是这意思啊,他呢。OK,其实如果说的精确一点,它应该就是大于等于768,要不要小于等于要不要要不要小于这个段。992是不是992 992还是970992吧,要不要小于992。啊,记住在存在MD的时候,你才小于992,如果没有MD跟LG。
11:02
我压根就没有这两个标记,是不是就直接大于等于768,只要你大于等于768,里面钥匙应该能起作用。是不是我们昨天说小于的前提是什么,你必须得有。MD有了MD它就什么小于992嘛。能理解我的意思吗?这是我们昨天,我们昨天有彩坑吧,我们说你在写什么,在写这种预值的时候,你干嘛,你不能挑着写这个就是原因吗?懂不懂啊,因为它没有现在横死没有说它就是大于等于768小于。992的并不是这样的,它是无限的往后放的,懂不懂,除非你这个写了MD,那fmd的阈值就是给你干嘛卡在了992那边对不对?所以说在SM跟MD同时出现的情况之下,SM才代表大于等于798小于992,如果只有SM,那就是大于等于。七八这个点注意下。是不是这样的,OK?
12:02
好,那它呢,它其实就是什么大于等于多少992,你看它们俩是不是有交集的。是不是如果他们有交集的时候听谁啊?MD的吗?MD里面的样式会把SM给覆盖掉的吗?为什么我们说移动优先吗?移动优先吧,是不是,是不是移动优先的不是吧,是不是先算的,是不是到达一算SM码再算MD吧,只要你这几个状态当中有生命是冲突的,那肯定是干嘛MD要胜出的,他在后面定义的嘛。能不能理解啊,OK,那这个呢,大于等于多少?1200 OK是这是不是这个预值啊,每个阈值下是不是对应的一个宽度啊。是不是这个宽度为多少?对。
13:01
这个是不是应该为凹,是不是这边呢。对720加超宽是不是,我们是不是720加草宽是不是下面呢。九零应该是多少?零加曹宽是不是OK这边呢,幺对1140加长宽是吧?这个值是固定的吗?是吗?槽宽变他们也他们也是要变的,懂不懂,那今天我待会就让这个槽宽变一变,是不是OK,那我们说这是什么,讲了两个容容器的时候,大家需要注意的事情是不是OK,然后讲了行吧行,身上有什么东西啊啊,其实这个这个容器身上还有一件事情,我们忘掉了,它有什么胎丁什么,是不是两侧会有什么。
14:13
两侧15P是吧,上面六有没有。六题有没有,有的吧,是不是啊,我们说这个拍逆不是在我这个容器的公共钥里面吗?还记不记得我们昨天在写的时候,再看你看公共样式是不是这样的,留留集容器跟固计容器什吗?公共样式吗?都有的吧,对好,那再来看,那我们说现在行呢行,其实就是什么两侧有负15的什么马,它没有其他样式了。是不是它有负数的Mar GR,是不是谁还有相对定位的。
15:02
谁啊,列吧,列上来是不是就有个相对定位了,是不是OK,我什么列好列这边我们说几样东西,首先是怎么去控制它浮动的,其次怎么控制它外的,再其次怎么控制他的left的,再其次怎么控制他的right,最终怎么控制它的in,是不是OK,当然上来的时候有一个什么公共样式是吧,这个公共样式里面我们说需要注意什么。啊,两侧有什么,两侧有对15PX的pad是吧,这个食物它这个值会不会变超一半的是吧?OK,那这边浮动。我们说因为干嘛他们去行吗?是不是肯定是要嘛,所有的都干嘛,必须浮动嘛,是不是这边是不是有一个什么,讲浮动这块的时候,其实就应该有出现一个递归概念。
16:08
是不是OK啊,对,他们俩是有轻浮动的一个操作法继承过来的吧,啊这个知道下就行了啊,我们说这个浮动,然后有万是吧,好,那外这一块需要大家注意的点,我们说外有几个级别。Y是几个级别啊,一到12是不是那呢?零到12是吧,都是零到12,可是需要注意一下,零这个级别的时候是凹。是不是OK,那它有几个级别啊,零到十二零的时候就是零。是吧,这是不是我们说的什么列上面的,其实控制这个left跟right啊,当然这公关里面有个很重要的一点,它是相对定位是吧,不然你后面这个什么left right是没有任何用什么,那这个left right我们叫什么排序,这个叫什么列偏移,可是我们昨天好像是没有用到这个列偏移吧,是不是?那我们来看一个案例吧,怎么去用这个列偏移吧,这个列偏移我们用了吗?没有用吧,是不是我们只用了left跟right嘛,是不是啊,OK,来看一下,那怎么去。
17:29
零二,呃,我们说列偏移啊,不不不偏移。这输入法也便宜,是不是OK,比如说我们来写,想好,我们说你要写不的话,你是首先得去拿东西吧,是不是,是不是要拿什么。减S,这些东西不是全部拿过来了是不是走你拎过来没毛病是不是?OK,那这边我们先搞一个文件夹吧,零一杠复习吧,OK,只有你这些东西全部干嘛拼进去。
18:12
来,我们稍微来看看,我说列偏移的时候是吧,咋整啊,首先我们说套应该什么样的link啊,是不是干嘛CSS底下的什么不需要点点CSS啊,OK,然后。然后呢,找先找谁JS底下的。Query,再找什么?不需要他是不是,其实我你光一个三格的话,需要他们俩吗。你如果现在这个开发当中只需要一个三个需要他们俩吗?其实不用,你是不是只需要这个C就行了,是不是OK,那只你让我们看一下,那我们一般怎么写div来是吧。来一个class,写一个什么容器,写一个固定容器能到吗?是不是,然后呢,底下呢,第来个什么有蛤嘛是吧,Row是吧,最终来什么div,来个什么列嘛class。
19:11
Co-LG杠四好,来,大家来看。CTRLC好杠四,现在它是不是只在释放OK,那我把这个样式给它稍微描一描,OK,所有以Co杠开头的div。Div,只要你也。是不是这么想属性点,起码只要你的class懂吗?竖划线是不是代表以什么杠开头啊,以什么要要不写个等于号,OK,只要以S开头,我让这个吗波的为EPX的实性是不是OK,那这个行的话点肉的话举个背景吧。
20:00
嗯,拼OK来看一下走,你是不是在这块,OK,现在我想让这个东西居中怎么办。居中怎么办?问题他已经浮动起来了吧,一个浮动元素居中是不不怎么好做的。是不是啊,怎么让他居中啊?Center啊,不行,想想让它偏段偏吗?总共分12分嘛,他现在头上嘛,马为四不就行了是吧,那咋想。Co杠什么?LG这个维度下杠什么?Of杠多是。是不是OK,是不是就可以了,只有你。那不就已经居中了吗?怎么讲OK用它是不是可以做一个居中啊,啊,它其实改的就是marin left啊,记住OK,好,这叫列偏移吧,是吧,其实这里面我还需要大家去做一个注意点,也就是什么,我们在列排序的时候有一个注意点干嘛,注意什么?
21:19
注意了,注意个什么写法吧,我们说干嘛,我们说这几个预知维度话,干嘛不能。跳着写啊,玉竹上,玉竹上样式的。设置啊,不能跳跃条约,这能不能看懂啊,OK,那这就是我们昨天讲的东西吧,那当然在讲这一块的时候,我们是去分析的源码了,是吧,相当于昨天的课,应该是对less和响应式的一个实战。懂吗?啊,只不过这个实战我们是去定定自己的一个上课系统啊,懂不懂OK。
22:05
好。
我来说两句