《精彩绝伦的css》读后感

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

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

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

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

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

[/size]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值