各位前辈大家好,小弟初学前端,目前正在学习CSS,在看《精通CSS:高级web标准解决方案》,书中用图片和css2制作圆角框的那段代码实在看得云里雾里,一头雾水。
后来了解到在CSS3里使用border-radius属性可以很轻松的解决这个问题,那么我想,现在用CSS2的方法,写这么多无意义冗余代码来制作圆角框还有意义吗?css2制作圆角框的方法还需要掌握吗?
有,CSS2的奇技淫巧来实现圆角框虽然CSS3简单实现,但这正如js原生代码也可以用jQuery来做到,那是否应该抛弃js呢?很明显是NO,在一些要求更为高的实现上,以后可能需要用到这种奇技淫巧,正如CSS3为了弥补CSS2而出现,以后一定也有CSS4等来弥补CSS3的缺陷,而这种缺陷在发展过程中肯定也会有新的奇技淫巧,学习CSS2就像学习js原生代码,花费时间不多,但能非常有利于CSS实现的思维,比如在《CSS Mastery》中就是利用四张图片覆盖来实现自由伸缩的圆角框,这种覆盖的做法就是一例。否则到时要用到离开了CSS3设计功能范围以外,你就不会做了。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。