1.不好的习惯:
晚上回来宿舍,打开下午的网页想看一下今天遇到的问题。结果发现昨天做的隐藏二级菜单因为层级设定较低,被今天的内容覆盖了一部分。但作业已经上交。想想未来如果工作上这样子去完成工作,必定是很不负责任的行为。完成一个任务,应该从头到尾检查一遍,因为我们无法肯定今日的行为不会对过去的成果没有影响。
再扩展一下,我们平时做任务的时候,不能只保证完成工作。还要记录工作的思路,保证当前工作在未来的可复查和可修改的可能。不然爽了当下,苦了未来。不能经受时间考验的成果不值得高兴,反而越努力,未来埋下越多的麻烦。自以为获得了很多的过,却不知自己在给自己挖坑。
2.关于CSS选择器
CSS主要分3种选择器,标记选择器,类选择器和ID选择器。
- ID选择器为了避免与未来JS发生冲突,最好不用;
- 剩下两种,我们也应该慎用标记选择器,因为类标签是我们平时很难去避免重复使用的,所以对标记选择器进行定义的时候,很容易发现样式传递的麻烦。常常发生在父级定了了样式,但不需要样式的子集收到了影响。在层级多的时候,查找起来特别浪费效率。
- 综上,我们应该优先使用类选择器,然后是标记选择器,最后再考虑ID选择器。
- 当然,在重复度高,层级少的地方,我们不妨多用标记选择器,这样可以节省大量的代码。
- 此外结合其他伪类等选择器,熟练去用用,慢慢去打磨,可以更快的提高效率。这里附上一片介绍常用30种CSS选择器共学习,用Chrome浏览器的翻译功能,即可看到中文版(The 30 CSS Selectors You Must Memorize)。
3.定位
若想元素随框架的改变而自适应,则用百分比去定义宽高。但要注意,若不想被框架的大小改变位置,则要注意元素不能以用百分比的设定宽高的元素上。否则定位元素会受到影响。