发表于: 2019-09-13 15:22:48

1 1023


今天完成的:学习了less的使用;初步熟练了less变量的使用;开始对之前的深度思考进行回顾;研究less的混合;完成任务12的第一个页面;以及通过任务10;

明天完成的:完成任务12的第2个页面;把之前的深度学习看一部分思考一下;把之前存的学习视屏和资料看完;

继续研究和熟练less的使用;任务11的最后为js做准备有时间就看

收获:1;师兄昨天日报说的:window对象:

Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

(也就是指我们每天用浏览器是打开的新页标签:不单只是新页标签每一个浏览器上方弹出的都是窗口;你会发现有的网页上的链接直接在本窗口跳转;有的则会出现一个新的页面窗口;)

(但是后面这一句没看懂框架学的太少了;每一个框架都有window对象?不明白)

less:是用运算一定记得符号2侧加空格;


2;mixin  混合

(1)“mixin”属性只能基于现在已有的样式规则!你可以在mixin中使用类选择器和id选择器:

.a,#b{  color: rebeccapurple}

.mixin-class{    .a();}

.mixin-id{    #b();}

注意,当调用mixin时,括号是可选的

(两种命名都可以;一个ID一个类选择器;不能是class什么的)

(2) 不输出的 mixin

如果你想创建一个mixin,但你不想让mixin在生成css中输出,你可以在它后面加上括号 () 。

(创建一个less文件在css不被显示的)

(3)带参数的Mixin

如何将参数传递给mixin?

mixin还可以接受参数,这些参数在混合时传递给选择器块。举例:

.border-radius(@radius) { 

  -webkit-border-radius: @radius;    

 -moz-border-radius: @radius;          

border-radius: @radius;

 }

你也可以使用不带参数的参数混合。如果您希望从CSS输出中隐藏规则集,但希望将其属性包含在其他规则集中,则这非常有用

.wrap() {  

text-wrap: wrap; 

  white-space: -moz-pre-wrap;  

white-space: pre-wrap;  

word-wrap: break-word;

 }

pre { .wrap }

(不过这样会报错)

只能是:

只有最后这一张是对的;但是这不是引用吗?

Less的混合是定义一个选择器A,在选择器B中引入,并且less中可以携带变量。去传递参数

less中的extend是一个伪类选择器,你定义来一个less里面的代码属性,通过extend来继承使用,extend无法携带参数。

mixins混合,可以传参数,也可以做函数来使用。

(稍微懂了一丢丢我就是做到了第一句;但是如何携带变量;传参没搞明白)




返回列表 返回列表
评论

    分享到