您的位置:首页 > Web前端 > CSS

关于近日工作闲暇对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:

  1. 通读specs
  2. 至少拥有20篇以上的学习总结博客(这是我的第一篇 ^ ^)
  3. 做好 [ 学了这么多没有什么卵用 ] 的准备
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: