1.根据前辈的分享,整理出一套通用样式表,字体、颜色、按钮等通用样式,每次开发新页面拿来直接用,简化过程,感觉上会轻松些,我的是在bootstrap的基础上整理的,因为经常用那个框架。
2.提升视觉效果,换了个编辑软件,安装打字效果特别炫的插件,代码看起来也非常漂亮、舒服,敲代码时的感觉就很棒。
3.和楼上说的差不多吧,我看了一些大型网站上炫酷的css,临摹了一些demo出来,变相的提升成就感,那些炫酷新颖的效果也能增加自己的兴趣。
以上,个人的一点点经验,希望对你有帮助。
是的,前端就是一半视觉工作一半逻辑工作,干一行爱一行,如果受不了视觉工作趁早转行去后端,不然确实成不了合格的前端工程师个人认为 css 还是有很多可玩点的,不要目空一切,往高级说 Grid、滤镜、动画,往底层说排版原理,line box,就一个 vertical-align 的各个值的含义有几个人能说清楚?再往远说 svg,canvas,dc,d3,webgl,都是视觉工作的利器,也是前端的核心竞争力之一,对视觉没兴趣等于断自己一半功力,何必呆在前端坑。
@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。@import 是css2里面的,所以古老的ie5不支持。 (现在不考虑)
当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
link除了能加载css外还能定义RSS,定义rel连接属性,@import只能加载css
另外,@import url(xxx.css)有最大次数的限制,经测试IE6的最大次数是31次,第32个import及以后的都不能生效。