发表于: 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公共样式也想的是怎么减少代码量;以后要注意;---感谢师兄;


返回列表 返回列表
评论

    分享到