00:00
那大家也都知道是吧,样式的绑定除了能用class,是不是还可以用那个style内联的样式啊,所以简单给大家写一下,虽然说用的不多啊,来随便我写一个,比如说这里边还是写那个内幕吧,Name。好来把这个呢,也给他写一个最基本的啊,走好,那你看一下效果啊,这会儿也给加一个换行啊,回来你看一下各位诶看最后一个是吧,啊然后呢,我是这个想法,不是用class去绑定了,当然你基本的还可以这么写啊,我想用style去写啊,直接写同学,我想把它的字体调为40PX,那是不是写方SIZE40PX,对不瞧是不是40。但你这么写就写死了各位,我想把这40呢交给去管理,哎,交给去管理对吧,我知道你写的是方对吧,我知道肯定是多少多少PX,但是我就想把这个40呢交给viewu去管理,为啥非得交给view啊,以后好切换呀,哎,所以说我在这是不是可以写这么一个东西啊,看着各位叫做f size40啥意思,不是别的size啊,是放的字体吗?40那怎么办?老师我会了啊,你看着这么写,把40删掉,老师这么写。
01:05
这么写行吗?同学啊,你这么写就是正常写的style,正常指定的这个样式,那同学你这是属于违规的fo size你写的对,冒号你写的对,同学谁家字体的值是f sips呀,你这么写最后的效果就是控制台也不会报任何的错误,但是你打开你最后一个div的内联样式全都丢了,对吧,人家不认啊,你得写的合规,你比如说你在这写一个啥十,这是符合要求的啊,但是十太小了是吧?哎,咱说一般的那个浏览器还有一些限制,咱往大了调40,那你看一下各位在这是不是奏效啊,诶说老师那咋办呢?那我不能写这个f size了,能写要求是,是不是得这么来啊,那你这么一写,我问你各位粉色框里的东西都当啥用的呀,是不是表达式啊?OK,那同学你觉得你这是一个合法的表达式呢,我给你写几个表达式啊,这是合法的对吧,再来一个这是合法的,再来一个A等于三吗?啊等于三的话,哎,100,那那这块呢,那就给他200,同学这。
02:07
都属于啥合法的表达式,我问你这是合法的表达式吗?不是,同学,也就是这一堆东西当成GS代码去执行,会报错的,在哪报错,你这个冒号就有问题,这是什么东西?所以说你这么写,你保存,你回来看各位你看他说这冒号咋的?不对呀,模板解析失败了呀,哎,老师那咋办呀,同学是这样的,你看啊,其实style所指定的样式,你发没发现它也是有key的,也是有value的,那么如果你想动态的去绑定style,那么view的要求就是你要把它写成一个对象。但是你这种属性名是不合法的,那怎么办呢?就你直接这么写肯定是不行的,View的要求是把这个杠删掉,然后用小驼峰S大写是吧,说老师那后边是怎么办呀,你正常写FS,但是后边这你得注意了,加上啥呢?PX是不各位。说老师咋有点懵呢?同学你别懵,我把这堆给你带走,回到GS的世界里面,你看看我定义一个X去收这些东西,同学你发现他是啥呀,是不是就是一个对象啊,当然有一个不和谐的人分号,同学你说这是啥X啥,是不是一个对象,这是啥T后边它俩加一起那叫啥呀?Y6你说对不?各位哎,体会体会,所以说同学回到这儿,这分号呢,也给它删掉,这回是不是就可以了呀,回来看效果,你看字变大了吧,来检查,你看40也在了。
03:25
老师,那这么写的优势呢,优势就在于打开view开发者工具来走,这是不是有四十来改它走,把它改成49飞车,看不用你操作到这会自动就变,对不好了回来,那你这么写吧,毕竟还是怎么讲呢,有点太丑了,那我们一般这么玩,各位啊,你把这对象给他带走完,这这么写叫做style o BJ啊,然后在这呢,你也不用这个f size了,直接写style啊OBJ,然后呢是一个对象,对象里边写啥呢?哎,就跟你刚才那个对象一样,好把这删掉走是吧,放到size,但是这就不要写f size了,没这东西了,那你这就自己好好的给它写好40PX是不是就得了,哎,那这回呢,你回头瞧也是有效果的,然后你改的话呢,就可以啊,把这40PX给它改成多少呢?比如说50,你看是不是也有效果。
04:15
啊,OK,哎,想想这就是style的一个什么呢?对象的写法,那同学你也能发现了,你说这里边儿的key,我问你能不能瞎写,不能瞎写。同学,你发现所有的对象写法的key都不能瞎写,你这里面之所以能写at特硅谷一二,我问你是不是因为上边有,那我再问你这块,你之所以能写font size,是不是因为原始的CSS里面是有这个控制的,叫做杠size,所以说能这么写对不?那比如说各位我想写颜色,我要改字体,颜色怎么写一个单词,那就正常写呗,Color,比如说来一个red红色,你回到这看是不是就改了。说老师那我想改背景,那怎么办呀?哎,那你就得这么写了,背景是两个单词组成的吧,Ground,然后呢,Co background color啊,给这儿来一个orange橙色,那你瞧一下效果呗,这就可以了,一定不要写错,你要写错了,同学你少了一个D,那就废了啊,也不报错,也没有什么这个效果对不?哎,好了,回来这个是吧,还说老师呢,就是记住了呗,这个style就只能写对象呗,哎呀,同学既然聊到这儿了,那我跟你说一下这style啊,也可以不学对象这style啊,还有一个写法,同学叫做数组的写法,这数组的写法是怎么玩的呢?你瞧着啊各位这个呢,就用的特别少了,但是咱还是说一下各位,我写个style啊,Arr或者这么的吧,我给你写的直接一点,我直接把数组写在这儿是吧,一点点看数组是不是写在这儿了,然后数组里边写啥呢?你瞧着你刚才是不是写了一个样式对象啊,哎,我再来一个。
05:44
叫style OB bj2啊,来个小逗号,然后呢,我这个里面呢,不去指定背景色,我在这个里面指定背景色行吧,这个只管字体大小和字体颜色,这个是管背景色,然后你是不是想同时应用这个样式对象,还有这个样式对象啊,那你就可以在这儿直接写style obj,还有谁style obj2。
06:05
明白明白就是发生嵌套了,你发现没?首先它是个啥数组,数组里面是啥是样式对象,啥叫样式对象?就是这里边的东西它不能瞎写的,都得是存在的对不?那你看一下效果就也是啊,诶把这几个都同时应用了是不?哎,那这个写法呢,同学就比较少见了啊,那当然你也可以这么玩,各位你看着不直接把数组写在这,来个style a是不是style的数组啊,那你就得这么玩了,各位你看着style a冒号它是啥数组,数组里边写啥?是不是写一个一个的样式对象,这是不是样式对象缩进调一下,我把这个给它拿走,这是不是又是一个样式对象啊,再走是不?就是这么一个情况啊是不?各位来,我把这颜色呢给你换一下,比如说换成blue的蓝色啊,这换一下,比如说换成这个GRY灰色啊,那你瞧一下最后一个div它什么样啊,你看灰色蓝色的字对吧?哎,这个用的就很少了,各位就写这个style,说说一般常用的是哪个各位啊。
07:06
咱用的是前三个啊,然后你要真要是说控制style的,一般用62这个是吧,哎,63行这个styler呢,同学你看这种写法是吧,数组里面再配置样式对象是吧?哎,这就其实不太常用了,行吧,各位,那咱就把这个样式的绑定呢,就跟大家说完了,然后呢,同学咱把这注释也写上啊走,这叫做绑定什么样式啊,这个叫做style样式,嗯。好,然后这是什么写法呢?这叫对象写法,那把这个呢,给它复制在这呢,再来一下啊,这个叫做数组,哎,写法,好吧,同学,这两个呢,了解知道一下就可以啊,用的不是特别多,但是也不是说不用是吧?哎,好了,那同学你体会一下,你说我们整个在用view去绑定样式啊,是不就是这么一回事,把所有那些不变化的东西回到代码中,不变化的东西是不是都正常写,变化的东西你发现是不是都得动态指定在哪体现出来的动态,前边这一排小冒号体现的是不是就动态啊各位,然后呢,动态的数据放在哪儿啊,当然去全存在这个里面,你说对不对?各位,什么多大呀,字体啊,什么背景啊,用哪个类名啊,是不是都往这儿存,然后这里边东西只要一变就能影响到页面所有用到这些东西的地方,对不对各位,哎,所以说我就把整个这些呢都给大家说了一下,然后咱来一个总结,总结在哪呢?在这呢,打开各位样式的写法呢,是class等于叉叉叉叉叉叉可以是字符串对象或者是。
08:29
数组那什么时候是什么场景,刚才也都说了,然后再说style样式可以写成啥对象,其中叉叉叉是一个什么呀?动态的值还可以写啥呢?一个数组,那AB呢是样式对象,啥叫样式对象?同学,样式对象和普通对象的区别就在这儿,同学,所有我红色框里的东西都叫做样式对象,样式对象的特点就是这个key啊,您不能瞎写,得是存在的这么一个CSS属性,你说对吧?好嘞,各位,那这一小节呢,我们停。
我来说两句