CSS进阶(1)—— 重新认识CSS

本系列的许多专业知识来自张鑫旭写的书 ——《CSS世界》。

原本我想给这个系列命名为CSS世界的,但想到这实在有些“侵权”,或者说,这有意无意的蹭了原著的热度,同时我也不想起一个很有噱头的名字来吸引别人的注意力,如你不知道的CSS之类的,最终我选择一个实在普通不过的——“CSS进阶”来给这个系列命名,告诫自己戒骄戒躁,潜心于技术,而非名利。在写这个系列之前还有一个比较纠结的点在于我究竟是以“原创”还是以“转载”的标签来发表这些文章,想想都不太合适,好在作者给了我启发——“本书的所有内容都是我个人的理解”,既然如此,我看书所得也应该是“我的CSS世界”吧

从事前端已经一年多了,时间不算久,经验也不算多。在布局的技巧方面,从一开始的磕磕绊绊,这不懂一点,那百度一点,到现在基本可以保质保量的去还原设计稿,慢慢觉得布局其实就跟画画一样简单,拿起键盘,只需随心所欲,页面水到渠成。有时也觉得这样的工作枯燥乏味了点。然而平淡的coding也不免突然的小惊喜,在一次在做绝对定位居中的时候就遇到了一些小问题,有幸接触到《CSS世界》这本书,虽然定位到了问题的原因,却没找到好的解决方案。当然这个小意外最大的收获还是《CSS世界》这本书,当时拿到书的第一反应是去目录找解决方案,虽然没有一下子找到,但瞟了几眼目录,突然发觉自己对CSS竟然如此陌生。

  • “元素包含块是什么?”
  • 相对特性的无依赖absolute绝对定位,什么是无依赖?
  • 超越!important,超越最大?

都是what?什么妖魔鬼怪?各种从来没见过的方案,各种没想过的问题,一下子就吸引到了我,当时第一感觉就是——我TM对CSS一无所知!真的一无所知吗?也不尽然,作者对于这个问题给出了自己的看法—— 对于CSS这门语言,3年学习80分和10年学习90分,对于产品价值的区别其实有限。

事实也确实如此,但想到人家探索了十年的“CSS边界”能以书籍的形式被个人去吸收,心里也觉得美滋滋”。

这里放一个小插曲,之前在某学习交流群内结识了一个“朋友”,像极了外行人眼中的码农——呆在一个不景气公司,成天加着班,吐着槽,喊着要加薪,哭着要离职,写的bug比吃的饭还多。平日里,经常问一些百度得到的问题,但我还是尽我所能耐心解答了,解答的同时还悄悄暗示”要抓一下基础“之类的。然而别人并不领情,有一次他问了我一个微信小程序的问题。

“说实话,我没接触过微信小程序...”

他竟然觉得不可思议,觉得竟然还有我不知道的问题,瞬间觉得自己一下子高大上起来了,开始嘲讽我了。我当时感觉到从他的话语中透露出来的是一种深深的自卑。

我刚入行的时候就发现,在计算机编程中,最可怕的不是"无知”,而是“不知自己所知,不知自己不知”。就好像两个人去参加高考,一个人会做的题都做对了,剩下一些题目他可能没见过,空着也无妨,而另一个好多题目都觉得见过,但ABCD的概念模里模糊的,好像每个都有那么点道理,又说不出错在哪的感觉。对于公司来说,后者会带来很多的负面影响,那些活明明不多却仍苦于加班的人,即是徜徉在BUG的海洋里无法自拔,然而计算机的错误校验甚至比批卷老师还严格,你可能能蒙对,但也可能蒙不对,这种不确定性降低了你的工作效率。

我写这个系列的目的亦是如此,磨刀不误砍柴工,或许我探索的道路是孤独的,无人跟随的,但至少还有本书的作者陪着我继续前行。

最后依旧以我最喜欢的一句话结尾这篇文章,同时也开启这个系列。

不忘初心,方得始终

喜欢博主的童鞋可以扫描二维码加博主好友~ 也可以扫中间二维码入驻博主的粉丝群(708637831)~当然你也可以扫描二维码打赏并直接包养帅气的博主一枚。

转载于:https://juejin.im/post/5d01fef1e51d4550bf1ae846

Python网络爬虫与推荐算法新闻推荐平台:网络爬虫:通过Python实现新浪新闻的爬取,可爬取新闻页面上的标题、文本、图片、视频链接(保留排版) 推荐算法:权重衰减+标签推荐+区域推荐+热点推荐.zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全领域),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的。 【提供帮助】:有任何使用问题欢迎随时与我联系,我会及时解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可直接复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值