这篇文章发布于 2019年10月16日,星期三,23:37,归类于 CSS相关。 阅读 109198 次, 今日 1 次 73 条评论
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9002
本文可全文转载,无需授权。
一、只缘身在此山中
小时候,爷爷家在东边,外婆家在北边,我自己家在西南边,连起来正好是一个圈,以为这个圈就是全世界。
这个月国庆回去,沿着县道慢悠悠开去爷爷家不过30分钟车程,去外婆家不过40分钟车程,和每天上班时间差不多,才发现,小时候以为的全世界不过是个偏角一隅。
同样的,说起CSS中的选择器,很多开发人员认为就那些东西,我所知道的够用了,我所知道的就是整个CSS选择器世界的知识。
有句古话说得好:不识庐山真面目,只缘身在此山中。
你以为你了解的全世界,实际上你了解的只是周围的那圈东西,这个世界远比你想象的要更宽广更复杂更多变。
然而,山中之人要想了解山的真面目,并不是一件容易的事情。一种是变成仙人,御剑飞行,俯视大地,一目了然;还有一种是变成旅人,跋山涉水,翻山越岭,点滴记录。
前者可以等未来科技发展,知识直接入脑,不过当下不可行;后者当下虽可行,但需要历经各种艰辛,需要徐霞客般的精神,太难了。
好在,还有第三种折中的方法,那就是花一点点时间把别人历经各种艰辛绘制出来的庐山真面目印在自己脑中就可以了。
《CSS选择器世界》就是做了这样的事情,十年如一日的技术学习与积累,在CSS领域不断深耕,不断探索,不断研究,去粗取精,紧贴实践,尽可能将CSS选择器的完整世界呈现在大家面前。
你无需花费大量的时间亲自拓展CSS的世界,只需要用心反复阅读《CSS选择器世界》这本书,你就会发现你原本不知道的精彩世界。
“如果我比別人看的遠,那是因為我站在巨人的肩膀上。”——牛顿
二、百尺竿头须进步
《CSS选择器世界》是我正式出版的第二本技术书籍,第一本书是《CSS世界》,虽然《CSS世界》收到了很多赞誉,在口碑的加持下销量也不错(2018年人邮技术类书籍Top1),但是也收到了不少有待改进的反馈。
首先是内容,多反馈学到了很多,要是有CSS3等新特性的介绍就好了。
其次是语言,多反馈技术绝对可以,就是有些啰嗦,以及一些尴尬的比喻。
这次这本《CSS选择器世界》绝对就不会有上面的问题了。
内容这块
知识点从CSS选择器Level 1一直到CSS选择器Level 4,绝对是最新对前沿的选择器知识介绍,深广度兼修,甚至很多CSS选择器由于太新浏览器还没有支持。
同时保持《CSS世界》的内容这块的优势,细节深入,与实践紧密联系,都是讲大多人不知道的CSS选择器相关知识,又是一场酣畅淋漓的知识徜徉之旅。
另外说明一点,《CSS选择器世界》的内容和《CSS世界》没有一丁点重复的地方,都是独立的新知识,可以放100个心。
专门做了张草图示意了下,《CSS世界》是基础,《CSS选择器世界》是脊骨,《CSS新世界》是增强:
语言这块
去掉了所有的“应该”,“可能”这样由于个人谨慎性格而出现的口头禅,全部改成“一定”,“必须”,让大家读个爽。
压抑自己个性创作的冲动,每一句话都平实,规矩,就像水平如镜的湖面,不会有联想,不会有歧义,春风拂面,冬暖夏凉,老少皆宜,阖家欢乐。
和出版社最细致的美女编辑小姐姐合作,逐字逐句过审,保证每一句话都没有错误,每一句话都足够精炼,同时每一句话都读得通,读得顺。
如果说《CSS世界》的语言风格和我博客一样是个山野路子的话,那《CSS选择器世界》的语言风格就是被调教的大家闺秀了。
补充于2020年末
年初签的台湾版版权合同,按时间算,差不多《CSS选择器世界》台湾繁体版快要出了。
三、路漫漫其修远兮
个体的能力毕竟有限,再怎么穷尽也不可能对一个知识体系事无巨细,面面俱到。
所以书中难免会有遗漏的知识点,甚至有表述不准确的地方,欢迎大家指正,可以去我自己搭的官方论坛进行反馈。
当然,自己也会不断学习,进一步填充自己在这个领域的技术深广度,同时,随着时间的推移,浏览器对CSS Level 4级别的选择器一定会支持越来越好,本书也一定会与时俱进,不断完善,因此,本书以后一定会有第二版第三版这样。
学无止境,勇攀高峰。
四、韵入琴声水涧悬
之前有同事问我,你平时那么忙,哪来的时间写书。
其实写一本书很简单,这么几步:第一步:写好大纲,联系好编辑;第二步:每天晚上回去写一点,到家晚的话,例如11点多到家,那就写半个小时;到家早的话,可以看看新番动漫里的老婆,然后写半个小时;周末多写几个小时,坚持不懈,然后半年过去了,发现书写好了;第三步:和编辑一起校阅,然后等着出版啦。
对吧,很简单,窍门就是每天写一点,写着写着,突然发现一本书写完了,《CSS选择器世界》我写了5个月,然后校阅到出版也是5个月,还是很快的。况且写书期间还参加了3场全国性前端交流大会,如果你没有那么多应酬,写起来一定会更快的。
关于书封不为人知的故事
- 书封是请同部门的视觉同事帮忙设计的,报酬是一顿大餐;
- 《CSS选择器世界》的书封乍一看好像只是和《CSS世界》书封的颜色不一样,其实不止这点区别,星云位置不同,鲸鱼的动作也不一样。提前告诉大家一个秘密,“CSS世界三部曲”的3个书封连起来是一个完整的鲸鱼游泳的姿势。
- 书封上自己的照片是自己P的,是不是毫无PS痕迹?哈哈哈~
欢迎大家继续支持我的这本书。
如果想要带有我的亲笔签名的书籍可以在扫下面的码,或者长按识别下面的码进入微信小商店购买:
本文为原创文章,转载请保留原出处,方便溯源,避免陈旧错误知识的误导,同时有更好的阅读体验。
本文地址:https://www.zhangxinxu.com/wordpress/?p=9002
(本篇完)
- 关于《CSS新世界》这本书 (0.990)
- 关于《HTML并不简单》这本书 (0.942)
- CSS "渐进增强"在web制作中常见应用举例 (0.058)
- 备忘:CSS术语词汇表 (0.058)
- Selectivizr-让IE6~8支持CSS3伪类和属性选择器 (0.049)
- 使用CSS3 ::selection伪元素改变文本选中颜色 (0.049)
- CSS3选择器:nth-child和:nth-of-type之间的差异 (0.049)
- CSS radio/checkbox单复选框元素显隐技术 (0.049)
- 详细了解CSS :focus-within伪类及其交互应用 (0.049)
- CSS :default伪类选择器简介 (0.049)
- fontforge制作自定义字体及在手机上应用举例 (RANDOM - 0.010)
张老师什么时候弄个直播课
你好,能否请教一个: 定高div,多行文本显示。水平居中对齐,文字超出显示 …see more。…see more是个链接可以点击。想了半天解决不了。看你有没什么好的思路
苦等css新世界
同等新世界
大佬牛逼
苦等css新世界,只是期待,没有催,催出来的质量还是懂的 /哭笑不得/哭笑不得
大佬,你个人简介哪儿的《css选择器世界》链接有问题啊,买错了难受。。。
~\(≧▽≦)/~
CSS世界这边书非常棒,不过第一次看时有的不适应,因为以前都是看那种文档类型,加上作者讲的比较深入,多看几次就会感觉到厉害了
值得推荐~~
买签名送书 666
我有个疑问,《CSS选择器世界》是《CSS世界》的升华还是互补?假如我看了《CSS选择器世界》后还需要看《CSS世界》吗?
互补的哈,内容完全没有重复性的。《CSS世界》是基础,《CSS选择器世界》是神经系统。
年底了 新世界什么时候
明年春季,清明左右。
期待
github提问无人解答
如果提问内容没有上下文,不清不楚,只有一串代码,无法直接给出答案,就会等有时间时候统一处理。
tainiule
太牛了
电子书版本请尽快推出,可以听书
电子版这里:https://www.epubit.com/bookDetails?id=UB6c876b4ad511e
支持一下,会经常来逛的
啊啊啊 刚撸完老师的《CSS世界》,发现真的只是了解css层面上的知识,同事也非常期待CSS3,么么么
《css世界》太精彩,学到了很多,期待css3的讲解,特别是动画!
期待张老师的CSS新世界!!!从第一本书刚出就开始期待了,到时候一定要买签名版的~(☆_☆)
css新世界快点出啊, 迫不及待
什么时候介出本css3世界
正在出,明年可见。
看了一点,才发现,我之前写的只是打酱油,啥都不会
开始一看以为是新文, 再一看是以前的文章置顶了
买了买了 。
你好,我打算学习前端,已经买了CSS世界一书,想打好基础更好的发展,其他的书籍有什么推荐的嘛?
JavaScript语言精粹
已经买了,还没来得及拜读。
你好,如果《css世界》和《css选择器世界》我只买一本,推荐哪本?
css世界,更基础更底层更重要
谢谢,写了几年css,发现自己根本不懂css。《css世界》已下手,读了一半。这本书不是css文档,大神文笔风趣、见解独到, 接下来还会买《css选择器世界》。请问css新世界(css3的内容)会有吗?另外,有没有关于class命名技巧的内容?
CSS3内容有,有命名技巧内容
“书封是请同部门的视觉同时帮忙设计的,报酬是一顿大餐”
这里是同事吧?
真的假的
双十一有活动吗 哈哈哈
可以有
抱歉测试一下你的评论功能
抱歉,测试你的评论功能!
”书封是请同部门的视觉同时帮忙设计的“,其中“同时”应为“同事”。原谅我认真看完了整篇
难怪这半年感觉文章低产了,原来是在酝酿大招
已经到货了,支持老师!
已买
求电子版!!!
同求电子版
希望尽快出电子版,好购买
我也下单啦!今天应该要到了,坐等中…..
已下单,坐等新书
书已经到手了,准备找个时间来好好磨磨。
的确是比css世界阅读起来更轻松,学的知识点一个接一个。收到书当天下午就停不下的看完了。第二天直接在项目中实践用到,受益非浅,非常感谢!非常期待第三部
看完css世界获益匪浅, css选择器今天刚入手, 会出js相关的书籍吗?
以后会的。
是啊,已经要看完《css世界》第3遍了,好期待能出js相关的
和CSS世界重复的内容多吗,没有入手CSS世界可以直接入手这本选择器吗?
毫无重复,完全独立!
#fo .bar p{}这个优先级数值不应该是100+10+1 等于111么? 书上写的是100+10+11=121
啥时候能自定义选择器?比如说实现index属性大于3的选择器
“`css
item[index>=3]{
/* */
}
“`
类似于这样的?
css选择器没有数值大小的判断, 如果你的item是按index递增排列,可以用“~”来选择该元素之后的同辈元素
div:nth-child(2)~div {
background-color: red;
}
怎么感觉书封上的你一脸坏笑的样子
哈哈,当时笑得有些僵。
满满的干货,光是命名那一部分就很值了
已下单,满满的干货!
话不多说,已下单~
厉害了,我的哥
书封上的照片看起来脖子太长了(蜜汁关注点……ಠᴗಠ)
前排支持!
支持支持!!