首页 > ebook > 电子书分享——《高效率的、可维护的CSS》
2010一月9

电子书分享——《高效率的、可维护的CSS》

既然立志想成为一名优秀的前端开发工程师,CSS不能说和专业的设计师一较长短,最起码咱也得说得过去不是?奈何,咱这底子薄,根性差,看来得恶补一下才行。

在网上搜到一本好书《高效率的、可维护的CSS》,特与大家一起分享:

文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2010/01/09/1685/
版权所有 © 转载时必须以链接形式注明作者和原始出处!

27 Responses to “电子书分享——《高效率的、可维护的CSS》”

  1. #1 Jutoy 回复 | 引用 Post:2010-01-09 21:17

    沙发来鸟~~ :razz:

    [回复]

  2. #2 仁心博客 回复 | 引用 Post:2010-01-10 09:26

    CSS需要好好学

    [回复]

  3. #3 simaopig 回复 | 引用 Post:2010-01-10 10:52

    @Jutoy
    呵呵,谢谢沙发。我自己要地板了。嗯。。

    [回复]

  4. #4 simaopig 回复 | 引用 Post:2010-01-10 10:52

    @仁心博客
    有用的东西孝需要认真学。呵呵。

    [回复]

  5. #5 小明猪 回复 | 引用 Post:2010-01-10 12:26

    全部看完鸟,都是很基础的小细节口牙~学习鸟~ :oops:

    [回复]

  6. #6 simaopig 回复 | 引用 Post:2010-01-10 12:28

    @小明猪
    我也是昨天看完了才发的。呵呵。。
    不过对里面说的“桥接样式文件”不太理解。是不是就是在里面@import 其余的样式文件。
    这样改的时候只改@import的样式就行了。不用动任何html的代码。呵。

    [回复]

  7. #7 小明猪 回复 | 引用 Post:2010-01-10 12:36

    @simaopig
    应该不是吧,前面不是刚提到不要使用@import这种方式,我的理解是导入一个桥接文件,然后其他的CSS文件都通过这个文件导入,如果需要修改的话就只要更改那个桥接文件而不需要改HTML :shock:

    [回复]

  8. #8 simaopig 回复 | 引用 Post:2010-01-10 12:38

    @小明猪
    对啊,前面是说过不建议用import方式引用css文件,而推荐使用link方式。
    但是如果这样的话。为什么要用这个桥接文件呢?也为什么要把这个原来的样式分为head,content,footer这些部分呢?
    注意看第70页和第71页,我感觉就是我理解的样式。呵。

    [回复]

  9. #9 小明猪 回复 | 引用 Post:2010-01-10 13:45

    @simaopig
    我错了鸟..四毛猪对了,昏了,查了下import的用法,没查到什么有帮助的东西,不过似乎发现了个神站,推荐你看看~ ;-) 我没太仔细看过,或许会有帮助~ :idea:
    http://css-discuss.incutio.com/?page=ImportHack

    [回复]

  10. #10 simaopig 回复 | 引用 Post:2010-01-10 13:47

    @小明猪
    嗯。 我一会儿看一下。貌似我这个PDF里面说的内容是在引用外部CSS的时候用link

    但是那个桥接样式文件内部(即文件里面写的东西是)@import别的CSS文件名。。

    [回复]

  11. #11 LAONB 回复 | 引用 Post:2010-01-10 22:45

    哈哈,前端工程师有时候也要你自己控制产品的样式嘛,不知道说的对不对。

    [回复]

  12. #12 LAONB 回复 | 引用 Post:2010-01-10 22:48

    这个PPT写的很详尽,要是不用注册就可以下载就好了,我也要。。。

    [回复]

  13. #13 simaopig 回复 | 引用 Post:2010-01-11 09:31

    @LAONB
    是啊。有的时候需要调整的。其实前端不单单指JS,CSS同样是前端需要好好消化的知识。。 :cool:

    [回复]

  14. #14 stri 回复 | 引用 Post:2010-01-11 12:30

    感觉CSS越来越像程序语言了.
    那个CSS拆分很重要.因为在有的页面不用的CSS可以不导入.在需要的页面导入就行了.不然影响速度.
    还有HACK单独个CSS文件(这个我以前没注意到.)
    另外.你看下QQ空间里的CSS.它是分三个CSS.一个里全是颜色定义的CSS.还是一个全是图片.这是不是为增加主题维护呀 :o

    [回复]

  15. #15 simaopig 回复 | 引用 Post:2010-01-11 12:33

    @stri
    我对CSS的了解还不是很深,QZONE也没有研究过。
    听你一说,才知道这个拆分是很有必要的。主要是为了重用,及减少浪费。

    [回复]

  16. #16 bolo 回复 | 引用 Post:2010-01-11 13:41

    @stri
    把颜色和样式分开方便进行主题变换啊

    [回复]

  17. #17 bolo 回复 | 引用 Post:2010-01-11 13:43

    @simaopig
    桥接样式就是在css文件里导入其它的css文件,看起来就像是一个css

    [回复]

  18. #18 simaopig 回复 | 引用 Post:2010-01-11 14:33

    @bolo
    理解了。我看文档里面说的实现方式是 @import xxx.css 这个是用在样式文件中引用样式文件。谢啦。

    [回复]

  19. #19 luheou 回复 | 引用 Post:2010-01-13 18:25

    嘿嘿,从很多地方看到这个了。

    [回复]

  20. #20 simaopig 回复 | 引用 Post:2010-01-13 18:34

    @luheou
    嗯。我也在别人站看到过,感觉很棒。呵呵。 :razz:

    [回复]

评论分页

发表评论

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)