《css实战手册》点滴

本书讲解了CSS的基础知识,又分享了很多实践的心得。运用大量的例子剖析css、应用css, 讲述经常要用到但让人迷糊的CSS页面布局方法,最后还提出一些CSS”习惯”,遵循这些”习惯”能够更好地创建和组织CSS。

??? 过多恭维的我就不多说了,因为对css的喜爱有一段时间了,所以一些基础的内容对我来说就算是巩固了。但是我觉得这本书对想学习css的入门者来说,是一本很不错的好书,是我目前发现的讲解最详细,最容易叫人掌握的书,这么说呢,作为一本入门的书,这绝对是一本好的课本。如果我刚学的时候,要是能有一本这样的书,那就完美了。唯一的遗憾就是高级技巧和实战高级经验能再多点就跟完美了。

??? 下面说说我的心得吧:

??? 1.?书写格式? 这是个没有正确答案的问题,以为换行书写和不换行书写都各有各的好处,也许是我看他书里排版的原因吧,我感觉换行书写如果在代码行数过几百的情况下,好像能看的更加清晰点,但是不换行书写在能统一书写属性顺序的情况下也是不错的选择。等我最近尝试下俩种方法后在作决定吧。

??? 2.类前加写应用html标签? 比如div#Content或者span.TextBtn,这样的书写方式能方便日后对定义的这些id和class能够清晰的早到他们用在了那个标签下,是个不错的小技巧。用在大量的编码中,会看到它更大的用处。

??? 3.?一个小技巧,当定义border的时候,如果有只有一个或是俩个边是没有的,这样的定义:border:1px solid #000; border-top, border-left:0;这样定义方法看起来又省代码,有清晰,是个可取的方法,border3个属性的顺序虽然没要求,但是在团队编写的时候,统一方法还是有必要的。

??? 4. first-letter、first-line? 这俩个属性的方法在定义新闻最终页面的时候,可以应用在 P 上,可以作出不错的效果,怎么使用,看看属性手册吧,我就不熬述了。

??? 5. ie7和ie6的bug应用hack的优先级? 个人推荐再ie7下编写网页,然后应用hack去坚固ie6,这样当ie6推出舞台那天,我们只要删掉这些钩子,样式表就干净了,毕竟ie7是会淘汰ie6的,所以,更早的适应新浏览器,是个更好的决定。(具体的hack方法,在看书的时候找吧,都说了,就没意思了,如果有需要,咱可以单独提供,但是估计你也会呵呵,其实hack不少呢。)

??? 6.?position的页面布局,书中讲到了position布局页面的方法,其实是个不错的主意,毕竟换了一种思路了啊,可以在一些简单的宣传页面采用,而且这样写不会出现恶心的bug,因为没有浮动吗,但是唯一的缺点就是最中间的高度要高于俩侧,这是的恶心的问题,具体的方法自己去12章找吧。

??? 7.*html ul.nav a{height:1px}这个ie6下扩大可点击区域的bug。可以在P219下看见详细用法。

??? 8.利用position的z-index属性和一些图片,可以作出一些不错的徽章效果,实例如何,就去书中找吧。

??? 9.关于打印样式的样式表? 最终的决定还是单独写一个样式表为宜,再编写的时候考虑的话会更添加麻烦的。(其实用户打印的一般是最终页面,所以打印的话,html的标签正确使用是至关重要的,图片只要包含logo就可以,多的话会让用户打印的时候讨厌。)

??? 10.?最后? 里面提供的样表属性查询不错,是身边的一个好工具,呵呵。

??? 好了,本书我的体验就是这些了,书中要是能有一些更新奇的用法出现和多讲一些hack就好了,但是这个作者在写书的时候可能没用篇幅来写,所以只能期待更好的书出现,但是看了这本书并不遗憾,因为毕竟有收获啊。不同的人看,也许会有别的更好的体会,所以,大家都来读吧,然后交换体验。

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 《css实战手册》点滴

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏