首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS是一门正儿八经的编程语言,请把态度都给放端正!

也许简历里写着精通CSS的你看到这标题就笑了。CSS也算编程语言?

CSS 确实很简单。另外我可以保证,就算是傻子也能写出下面的代码:

既然写CSS很容易,你知道多少个单位?知道多少种垂直居中方式?

既然写CSS很容易,你知道 都是什么属性吗?

既然写CSS很容易,那为什么大家还是把CSS写的那么烂呢?

我们来看看下面这三个图,你能用CSS做出来吗?

先思考思考这几个形状的CSS做法……如果你平时就知道写写简单没创意的CSS,认为CSS就是各种框架一套一改就OK,那么我猜你是肯定写不出来的。

我们先来看看第一个心型:

在线查看:https://codepen.io/ogilhinn/pen/oEzVep

这个心形的主要知识点是伪元素和 ,这两点你应该都会,但是你能做出这个心型吗?

我们再来看看消息框:

在线查看:https://codepen.io/ogilhinn/pen/QQKomW

这儿主要知识点是伪元素和边框。

弧形切角

在线查看:https://codepen.io/ogilhinn/pen/rJMRPm

这个弧形切角则是运用了radial-gradient(径向渐变)

如果你此刻还是觉得自己很厉害可以去看看https://codepen.io/ ,那些大神用CSS做的各种酷炫效果以及各种神一般的运用,CSS教你做人打击打击自己

从上面的几个小例子可以看出,CSS的难点在不再于它的语法,而在于强大灵活的运用。然而又有多少人,从刚学前端还是到现在,都没有把 CSS 作为一门正儿八经的编程语言。甚至于没有去全面的深入学习下,而是在写页面时不断去试?

如果你在一个开发规范不怎么规范的公司呆过,一定遇到过这种情况:后端开发工程师在开发时把你写得的前端样式弄得惨不忍睹,然后在他实在改不回来的时候,他便会来寻求你的帮助,美其名曰:我微调了下,出了点问题,你花两分钟给改改。打开一看各种 、行内样式,然后一改就是一两个小时。。。

出现这样的情况的原因还是在于,对于CSS的认识不足,认为它很简单阿猫阿狗都能驾驭。但是甚至于大部分前端所掌握的CSS都只是冰山一角。

或许此刻你已经意识到了CSS真的不简单了。那么我们改如何应对?规范,命名约定,预处理器,后处理器,还是端正态度全面掌握好基础?

左手代码右手砖,抛砖引玉

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180207G0VSND00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券