前端怎样克服厌恶写 CSS 的心理

html-css08

前端怎样克服厌恶写 CSS 的心理,第1张

学计算机好几年了,正式从事前端工作1年有余,也有一段时间非常抵触,一看要改、写css样式就非常的烦。这种状态来工作肯定不行……就做了一些调整,现在的状态还可以,反正是调整过来了。分享下我个人的方法。

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及以后的都不能生效。