关于近日工作闲暇对css的感悟
2019-06-13 14:58
1306 查看
css难学之处:各属性容易不符合逻辑的相互影响。
简称:不正交,观点来自于@方应杭;
css不正交 (亮度,饱和度,色调的例子)理性人的更难学css 感性的人容易;
例如:
1.margin VS border
两个div 同时加上margin:10px 但是两者上下间距只会有10px (因为css的规则合并了),但是如果给底下的div加一个border-top:1px,间距就会变成20px (不再合并) 这就是css的不正交之处。
2.小圆点 VS display
ul和li的小圆点:我们通常是用list-style:none来去除,但是如果给li一个display:block的话;原点也会消失,这是因为li有个默认属性display:list-item;
li{ display:list-item; //默认属性 }
3.float 影响inline 元素
两个div 第一个加上float:left;会浮动,两者重叠 显示第一个会在第二的上面,第二个div如果加文字,却不会被覆盖(文字会自动添加到上一个div的右方)
如何学好CSS:
- 通读specs
- 至少拥有20篇以上的学习总结博客(这是我的第一篇 ^ ^)
- 做好 [ 学了这么多没有什么卵用 ] 的准备
相关文章推荐
- 关于工作和面试感悟
- 工作一个月关于移动web开发的感悟与理解
- 关于三年工作的一点点感悟
- 豪情-关于生活工作学习之感悟-第二篇
- 豪情-关于生活工作学习之感悟-第二篇
- 关于生活工作学习之感悟
- 关于程序员工作效率的一点感悟
- 关于生活工作学习之感悟
- 关于数据库工作方面的一些感悟
- 一位腾讯离职员工的6年反思:关于工作和成长的3点感悟
- 关于工作的感悟
- 豪情-关于生活工作学习之感悟-第一篇
- 2016年11月6日 关于工作和人生的一些感悟
- 豪情-关于生活工作学习之感悟-第三篇
- 关于创业还是工作的一点感悟
- 豪情-关于生活工作学习之感悟-第二篇
- 关于工作的一点感悟
- 关于工作后的一些感悟
- 关于工作总结中的感悟
- 豪情-关于生活工作学习之感悟-第一篇