《精彩绝伦的css》读后感

       接触css已经有一年多的时间了，对css的使用有了初步的了解。个人认为css的诞生乃是网页发展中一个重要的里程碑，它给无数前端开发人员带来了福音。表现与内容分离的思想，大大提高了网站开发效率。开发人员再也不用繁琐的给每一个标签加上各种属性，也不用为了布局中几个像素的偏差而绞尽脑汁，更不用为了使页面的视觉效果而载入大量的图片，因为css帮我们搞定了这一切。css的代码简单易上手，即使是初学者也能轻松驾驭它。通过一个外部样式表，就能改变网站中所有页面的布局和外观。
        作为一个偏前端的程序猿，在看到这本书的第一眼，我就兴奋起来了，彩色的封面和插图，唤醒了我灵魂深处的美工细胞。细细翻阅试读章节，越看越让我爱不释手。本书从浅显处着手，逐渐深入讲解css，介绍了很多实用的开发工具，也指出了很多开发过程中容易遇到又很难解决的问题。有了这本书，以后就能轻松的写出漂亮的网页了。废话不多说，马上进入正题。

         css工具的选择
        之前开发网站项目，用得最多的css工具就是FireBug，FireBug是一款非常好用的网页工具，页面元素和代码之间对照查看，很方便检查每个元素布局和元素的样式。还能实时修改页面的代码，查看修改的效果。书中全面地介绍了FireBug的功能，包括一些很实用但以前没用过的功能，现在我对FireBug有了深入的认识。除此之外还有功能更强大的WDT，不仅能禁用部分或者全部样式表，还能验证本机的html和css。有了WDT，网页开发将会更轻松。除了以上两个网站开发必备工具之外，还介绍了几款IE、Opera、Safari等不同内核有代表性的主流浏览器上的常见开发工具。随后介绍了XRAY这个轻量级的跨浏览器的元素检查器和SelectOracle——选择器翻译工具，它能将选中的元素以自然语言的形式翻译出来，遇到复杂难懂的css代码就可以用它来翻译，有助于我们阅读css代码。最后介绍了诊断样式表的一个工具，能有效地诊断出不完整或者有问题的css代码。

        消除不同浏览器内核之间差异
        在网站开发的经历中，最痛苦的莫过于屏蔽css代码在不同浏览器之间的差异。目前市面上的各式各样的浏览器有4种主流内核：Trident（代表作IE/ 360浏览器/Maxthon/The
World /TT/GreenBrowser）、Gecko（代表作FireFox）、Presto（代表作Opera）、Webkit（代表作Chrome/Safari），这四种内核内部的渲染引擎不同，因此对相同css的代码解析和显示出的结果会有一定差异。在网站开发中，如何巧妙的屏蔽不同浏览器内核之间的差异，是前端开发人员必须要考虑的问题。
        本书针对这一点提出了一个建设性的idea——重启样式表。这个样式表有效地消除了各个浏览器的差异，让我们的网站开发站在一个干净纯粹的起点上。

        选择器的妙用
        使用选择器来控制样式是css的又一创举，灵活多样的选择器，让我们可以随心所欲的定义样式。类选择器可以给某一个元素定义个性化的风格；id选择器可以给同一类型的标签定义出不同的风格；属性选择器可以给具有某一相同属性的不同元素定义相同的样式；元素选择器给同类型的标签定义相同的样式。除此之外还有子元素选择器、后代选择器，相邻兄弟选择器等，让css代码的语义更加丰富，定义的样式更加美观。

        看到这里我已经迫不及待的想看后面的内容啦！圆角是如何设计的？滑动门怎么实现？怎么进行二维变换？…这些经常困扰我们的问题终于能找到权威的解答了。真心希望能得到这本精彩绝伦的书，让我好好学习一番~~