00:00
OK啊,我们来看一下啊,其实到现在我们三个应该讲的差不多了啊,我们后来讲完这个三格的原码之后,我们讲了什么,讲了一个响应式工具吧,是不是?OK,讲完响应式工具,然我们最后再来讲个东西啊,响应式工具比较简单吧,要么隐藏什么解是吧?啊,这个圆码机器好看是吧?OK,我们讲完我们要讲什么,讲一个三格和模型设计的精妙之处。墨河线和模型设计的精妙之处,奇妙精妙处来看一下啊,比如说我们先打打开一个三格啊,它是最简单的一个三格啊。OK啊,这是一个三格,把它干掉好,F12来看一下。好,你看我们是不是容器啊,来容器上有些哪些属性,是不是这四个,是不是这四个属性right left,我们知道干嘛水平居中。
01:03
啊,这肯定要的吧,可是是不是有个Penny啊,这个Penny好像。哎,我们说pen逆加个食物的pen逆怎么了?是不是我就需要一个食物的pen逆嘛,是不是OK,我们得知道容器身上什么,容器上有,容器上两边懂吗?具有15的15PX的pad pen定是不是OK,不要小看这15 15p X pen定啊,这有个极大的意义,我们待会来说这两个,我们能理解。是不再来看好啊,我们是不是把上面今天讲的所有的属性,我们一个个比过去看,每一个属性都具有哪些意义的,像这个拍我们是不个吗?不觉得它有意义,是不是OK再来看比后我就不说了,轻浮动的看行。行升上我们来看,哎,是不是有什么。是不是啊,这马in又是干嘛的呢?是不是换我就比较好奇吧,OK,做什么?
02:08
行上,呃,容器两边有事物的拍逆行两边有什么行,两边有什么具有负15的,什么负15PX的是不是OK,再来看还有什么这号上面是不是只有这两个属性,看列。啊,列上面很多属性我们都懂的啊外啊浮动啊,这这个我们都懂是吧?OK,这是不是也是列上的,OK,相对地位我们也懂干嘛的。是不是列偏移的列不是列排序要用的是不是OK,最小行高,我们知道1PX是为了避免你整个列是不是干嘛没有高度啊,最少来个1PX嘛,我们也能理解是不是又来两个偏。
03:04
哎,我们这个两个偏离,我们应该也能理解,要做长宽的。是不是OK,那我们说其他数不就没了,好,我们说什么列是吧,列两边列两边具有什么15。Pax的什么pen pad好问你这里面哪一个是必须的?在在我们看来。这是必须的。是不是我们什么为了。为了维护曹判的规则。我们说什么?我们说列两边干嘛?列两边必须得有什么。得有15PX的看是不是,你想想啊,如果列两边你看,如果你看这算这这是不是一个行,你看这个是不是列啊,我们看这个吧,六六分的这个列网是吧,你看如果要是没有这个排列,想想是一件多么可怕的事情,一开始文字是不是从这边去染,你如果这边的文字也是满的话,他们干嘛挤到一块,能理解吗?没有这个朝宽的话,是不是会特别丑,现在是比如草花啊,可是大家想想。
04:30
我是不是列两边有15拍我的草盘就有了,我凭什么你行,还有负15的容器,还得有个15的呢,好鸡肋啊,我感觉。是不是啊,来看一下我们说么,我们说这是我们的容器。OK,里面我们说是我们的行。是不是行里面说是我们的。脸。一点。两点是不是啊,OK,我们说这边是什么。
05:03
超宽分别在15,是不是这边也有什么。15的欢,这边也有一个15的。超宽是不是照我的理解的话,我说只要你这个列两边有15X的一个超宽,那基本上就可以了。是不是啊,为什么我的行还需要负15PX马呢?我的容器还要15PX pen呢?我觉得没有意义啊,你想想啊,现在如果容器有1015PS的开是是在哪呢?是不是这边。那不是很鸡肋吗?是不是啊,有没有想过这个问题啊?OK,想想现在我们是不是容器里面有一行,行里面有两辆,我问你列里面能不能套好?
06:00
我粉颜色是不是个列,OK,红颜色是个好,如果我在这个列里面,套房是这套的。你本身是有草哥的嘛。是不是那行里面是专门用来放什么的,放列的,如果这个时候在这边再放两列。我来问大家。OK,这个列是不是也得有超宽啊,OK,注意那他这边是不是也也有个15是不是超宽啊,那我就问你了,第一行里面最里面这个量,就这个量跟我。这个列是不是我第一列里面放了一个行,行里面的那个列,跟我这个列当中现在仇恨不多。会多,就是曹宽还是30吗?一个长宽30,一个长宽45,你说丑不丑很丑吧,那怎么办?那怎么办?哎,我们来看一下,哎,如果说现在蓝颜色的我还是容器。
07:01
是不是OK,红颜色的我还是好。是不是OK里面粉色的,我还是。练。是不是再来看我承受的是什么?超宽。筹款。筹款。是吧,这边也有超宽。我这边也有。换。是不是现在你如果想在列里面去套一个,行,我来问大家。你最好怎么办?我问你能不能这能不能直接套。能不能直接套?不能直接套有两列的宽,肯定是45。是不是,那怎么办?我们说行,两边有负马,它是怎么进来的?直接进来吧,正好把那个15PX干嘛抵消掉,也就是说行上面有负15PX这个马,这件事情是不是必须的。
08:09
为了防止什么练套行。能不能讲OK,那想想现在行上面有负1545PS的market是不是必须的吧?那你想想我现在最外层是一个容器啊,OK,找你,我这块层是一个容器吧,你行,居然有负15的吗?马嘛,那你最终包裹的时候是这干嘛会有食物P要出去的,因为是负的嘛,是不是这个时候最好,我的容器干嘛要有15PX的排,你可以把你包住。不包住,我还能叫容器吗?是不是这么一层一层的关系上来,我们说是不是导致了现在我们整个三个布局的和模型是容器身上两边有15PX的概横,两边有负15的马in列两边有15的pen,定能不理解,OK,它是一个怎么样的事?五、首先为了维护朝犯的规则。
09:13
列两边必须要有10P排列是不是?其次为了干嘛为了干嘛,为了能使列嵌套行是不是?为了能使列嵌套行干嘛?我们说嘛行必须干嘛行两边必须要有负15PX的OK是不是?最终呢,为了让容器可以包裹住好。是不是为了让容器可以包包裹住好,我们说什么容器两边干嘛必须要用什么使我PX的pad排列懂不懂?讲到这一块,我们在上面分析的每一行每一条属性都是带意义的。
10:15
懂吗?也是,我们今天开始看三个源码,我们从容器上面开始吧,容器上面的每一行属性啊,你看这边不管是这边还这个行还是这列,每一个属性都是很精确的,一个都不能缺。那么讲这是一个最精简的代码,懂不懂说明里面每个属性都是有意义的。能理解吗?OK,那这是我们到今天,我们一天就干了一件事情,好吧?看懂了三格的源码,还有一点就是我们知道了less的一个极强的一种什么设计啊,怎么去设计的循环。啊,通过递归的形式啊,完了,我们要对整个那整个葡萄的三个语法有个要有个系统的认识啊,最终你们要给我总结出东西来啊,我要看到成果,那我们今天的课就有意义了,懂不懂,如果你今天没有任何产出,那我觉得今天的课就是废了,还不如不如约嘛,跟你们直接讲懂吧,讲规则。
11:13
懂吧,OK。
我来说两句