发表于: 2019-09-15 23:28:06
1 1002
今天完成的事:完善了任务12;学习了bem的命名约定;以及核心概念;以及了解如何架构;完成了任务13的页面一;页面2还要稍微修改一下;
难题:尽管昨天稍微看了架构还是无从下手:重置样式表还好一点;个人习惯慢慢改;公共样式啥的就比较懵;
css 公共样式可以引入html的头部底部可以应用吗?js可以现在不行;
background和背景图片总是起冲突;百度出结果:
任务13的页面hover本想拿input和lable做的结果犯了个低级错误卡了2个小时;
做出来的结果也不理想;id具有唯一性;点击lable才能选中input也就是说每个lable都需要命名;感觉15 个lable名已经失去了使用lable的意义;
所以我改用hover;然后发现无法hover显示;师兄帮我看了一下直接用&搞定;
收获:开始拆分css样式表;根据自己的习惯用那顺手就咋写;也算是知道大方向怎么去思考css的写法了;
在less中父元素最好用&表示;要不像伪元素;或者lable什么的最好在同级里面写;子元素里面写会导致路径不对;无法生效;
今天撸码的时候发现需要background-color和background-image 一起用,才开始考虑两个可不可以一起用 查阅多方资料才知道可以写成background:color url();
合并起来写 只有只有这样的顺序才有效,分开写也可以,不过color必须写在前面,image必须写在后面才生效。
无论是background:red;
background:url();
还是background-color:red;
background-image:url();
color必须写在前面才可以达到两者并存的效果,有也只有这样的顺序才可以实现效果。
今天主要还是写代码去了;用来学习的时间看的也是任务13的css公共样式表的一些东西;现在还不是很理解;
另外今天撤之前师兄帮我解决hover问题时讲到一点就是:要注意留有未来修改和操作的空间;也就是可以开发新功能和维护的一个方面;
之前都完全没想过;看css公共样式也想的是怎么减少代码量;以后要注意;---感谢师兄;
评论