今天我们来说一说CSS。看到这想必就有人准备关闭我这篇文章了,因为他们在想:CSS?这么简单的东西还拿出来写文章?好吧,你们有你们自己的想法,我也不能逼你来看吧,给哈。
OK,我们进入正文:
很多人意识里,CSS就是最基础的,最基础的就是最简单的。我认为这种观念是错误的。我个人感觉HTML总比CSS的难度低的多了吧,你能将一个页面的组织结构写出来这很容易,但是你想将这个页面布置的美观,那就可不是那么简单的事了。
这里还是要推荐下小编的web前端学习 群 : 687958461,不管你是小白还是大牛,小编我都欢迎,不定期分享干货,包括 小编自己整理的一 份最新的web前端资料和0基础入门教程,欢迎初学和进 阶中的小伙伴。在不忙的时间我会给大家解惑。
我们就拿盖房子(咳咳!理想很美好,现实很残酷,盖房子还是从我的世界来说吧)来比喻:
玩过我的世界的人都知道游戏中有个上帝模式;这个模式里你可以使用任何道具,也就事诠释了这个模式:上帝(开G)。很多人在这里面盖过房子,有些人的房子就是随意搭建,也有些人追求完美。但是造一个房子来说,也只是小事,想把这个房子造的美观大气,这就得花费大量的精力了。
很多人会感觉自己的CSS已经很熟练了,甚至精通,但其实,很多人还只是对CSS只是一知半解,要想写出优质的CSS代码其实也很难。
还有一个观念就是:CSS的难度很低,我会JS了,那我就会CSS了,但是我会CSS,并不一定会JS。但其实这样的观念也是不准确的。CSS的代码看上去就是一些选择器然后加上属性及属性值,但其实,不管是选择器还是CSS的属性都还有很多可以去探究的。
CSS 的选择器的难点更在于抽象思维。大多数人会觉得选择器无非是声明了一系列的样式 。实际上,在真正的开发中,CSS并不是单独的,你还需要写 HTML 生成 样式 对应的 DOM 结构。更难的是,真正的网站,网页都是动态展示的,你还需要去维护这一系列的样式,然后现在网页的动态性愈发增加,维护的难度也就随之上升。不同的样式代码可以做出一样的效果,但是维护程度可就天差地别了,然而完成这样的任务就是在考验前端的抽象思维能力。
然后就是CSS的属性。CSS属性的难点在于复杂;因为每个属性之间并不是正交的,很多属性之间会相互的影响,产生很多意想不到的效果。然而当细致了解了文档流/上下文/盒模型等概念之后,才会觉得这些特征其实是情理之中的。但是关于如何去掌握这些知识,我也没发现什么很好的书籍等等。之前有一本《CSS权威指南》,到现在却是落后了,因为它里面并没有最新的CSS3的知识。然后就还有各个浏览器对这些属性的兼容问题。每个浏览器内核都是不一样的,对于代码的解析也是会产生差异的,可能你在火狐、谷歌上能够实现的效果,在IE上就实现不了。
所以,请认真对待每一条CSS代码!既然它会出现就有它的意义。
网友评论