关注
分享
本专栏用以讲述CSS中鲜为人知却能大有作为的元素特性，在大前端趋势下，夯实基础，才能走得更远更稳。这些元素特性往往就存在开发者身边，被熟视无睹，很多特效都能由此完成，很多异常也由此引起。希望前端开发者们追逐潮流的同时不忘基础，也欢迎大家一起讨论前端技术问题。
in_motion
程序员中猿
展开
-
2020年还问position:absolute，就别怪我装逼了
CSS的position属性常常被面试官拿出来考校同学的前端基本功，分别回答几个属性值是static、absolute、relative、fixed、sticky并解答一些基本特性（直接百度得到的）可以算及格，想要进一步catch their eyes，需要更深入的理解，这里视角汇聚到absolute上，看看这个最具代表性的值能做多少文章。 一重天 绝对定位，top，right，bottom ...原创 2020-03-20 20:52:19 · 626 阅读 · 0 评论 -
CSS3的background-size属性
以前前端开发时写过一篇html 标签内背景图片自适应div大小，用到了background-size属性，其实也就停留在刚好用来“救急”的地步，并未仔细了解。 其实background-size属性是个CSS3属性，IE9+才支持，自己做做小项目就罢了，在大公司需要考虑兼容性的情况下随手就用往往弄巧成拙。他还有五个不同取值——默认值auto、length、percentage、cover、con...原创 2019-03-28 16:56:00 · 513 阅读 · 0 评论 -
overflow:hidden对于溢出到padding的内容不隐藏
盒子模型的内容区域其实包括content+padding，即padding box，虽然正常情况下元素只在content内排布，但是当内容溢出到padding也是允许的，故overflow:hidden对此不做影响。 利用这个特性，我们可以使用div的padding为图片占位，防止图片加载出现抖动现象： <div class="wrapper"> <img ...原创 2018-06-24 20:35:12 · 11042 阅读 · 0 评论