CSS现状和如何学习

<div id="js_content">
<img src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-7097250d6f82847ee547fac83a35b258"> 
导读：在2020年岁末有幸和一群优秀大学生在一起聊CSS相关的话题，感到非常的荣幸！在此非常感谢平台（阿里巴巴集团.前端练习生计划）给我这样的机会，同时也要非常感谢好友裕波，墨苒对我的鼓励和支持。在结束直播的时候，说过后面要整理一篇文字版本，由于个人新转团队（互动团队转到 F(x) Team团队），加上自己太懒，所以今天才开始整理文字版本。所幸能在岁末完成，还算是一种补救。希望接下来的内容，对于新接触CSS或对CSS感兴趣的同学有所帮助，更希望有更多的同学能参与阿里巴巴集团练习生计划的学习，并有所获。
 转载 
<h2></h2>
直播的感觉还是有所不一样
<hr>
虽然以前也参加过一些前端行业的会议分享，但在线直播还是平生第一次，感觉还是很不同。其一没有这方面的经验，其二我还是更喜欢线下会议的感觉，因为这样能和大家在一起，有目光的交流。这是一种支持，一种鼓励，一种锻炼，也是一种幸福。
<img src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-c948d3625552d42a5ef61ab57b7d79d4">
在前端社区中，大家常称我“大漠”。我个人比较喜欢CSS，在这个领域深耕了近十年，虽无大的成就，但有所小收获。个人平时比较宅，爱写写博客，看看电影，听听音乐等。
在2014年出版了一本有关于CSS方面的的书：
<img src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-a39e7acd042115bf912d3a635c669820">
<blockquote>
 好像现在没有加印了，网上好象还没有停售，但内容有点偏老，不过还没过时！
</blockquote>
在手淘互动呆了五年，最近刚到淘系前端技术F(x) Team团队(https://www.imgcook.com/blog):
<blockquote>
 F(x) Team ，F(x) 指函数 F(x) ，是机器学习中常出现的符号，深度学习的本质也是求 f(x) 的最优解；意味拥有不同特征的成员经过 fx 团队神奇作，不断“训练”，起找到前端智能化团队的最优解。
</blockquote>
接下来要和大家聊的话题
<hr>
<img src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-07471f0a8f93fc487d09751c4a3e3b8e">
接下来和大家围绕着这六个方面和大家聊今天的话题。 
<h3> 揭开CSS神秘的面纱</h3>
自从1994年万维网之父蒂姆.伯纳斯-李在美国麻省理工学院创立了万维网（W3C），至今天也有几十年了。你可能会感到好奇，当初的的第一个网页长得像什么：
<img src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-d8441660a21081f55b52cdeafbe5a1b2">
和今天你所看到的Web页面是不是相差十万八千里。有这种看法是正确的，在那个时候，对于Web页面而言，并没有什么样式一说，而且那个时候Web页面所承担的也就是信息的传递。再简单地说，他只有文字和图像两种，并没有其他的信息元素。
人总是爱美的，即使是在那个年代，人们也想让自己构建的Web页面看上去更美。就在同年（1994年），哈肯.维姆.莱提出层叠HTML样式表（Cascading HTML Style Sheets，CHSS）：
<img src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-14d36b7ccd1a622bed6a8ea39b69c61f">
在HTML的标签上新增了一些属性，比如bgcolor 、face 等，也有一些类似 标签来设置文本样式。
时至今日估计很少有人接触过，或者这样写过Web页面。就我个人而言，虽没有使用这些东西来构建Web页面，但还是看到过很多页面长成这样。那时候我并不知道，原来这种技术也有自己的专业术语，即 CHSS （层叠HTML样式表）。虽说这些标签和属性能让页面上的元素有一些个性化的UI效果，比如改变文本颜色，字体，背景色之类的，但这样的写法对于Web开发者来说是痛苦的，特别对于一个复杂，大型的Web应用，这样的方式来美