CSS 那些事儿

这是一个书名,相信有些童鞋很早就听说过了,我也是很早就买了,书太厚拿到手记得粗略翻过,没啥感觉就丢一边咯,罪过罪过。

这几天乘毕设搞定,下一轮教师编制招考还未来,到现在已经啃到P200+一半多了。

书呢,个人觉得不适合一点没接触过CSS,对CSS各属性一点都不了解的初学者阅读。

至少看这本书前,得先识记一遍《样式表中文手册》(点我下载)或者直接到W3school学习一遍 CSS 教程

手册呢是基础,如同学习英语得识记单词一样。当然,要求不同学习方式也可不同。只想改改主题里的边框、字体、颜色、背景等,手册一本足以~

若想制作自己风格的主题或者页面,那就建议看看《CSS那些事儿》了。书还是比较系统全面循序渐进的讲述了,比较常用的基础的样式实现的方式。手册是一招一式的掌握,那通过这本书就能得心应手的打出组合拳来。个人受益良多的是书中一句句CSS属性的详细注释,在不同对象不同属性组合下一个属性的作用。

啃到目前,个人比较喜欢里面的三列框架、清楚浮动的讲解。哦,书中DVD配的实例演示代码(点我下载)自己汲取下,化为己有,以后做起东西来肯定事半功倍!

虽然现在CSS3、HTML5已进入我们的视线,不过想等到主流浏览器都兼容的那天还是有些距离。在这之前还是有必要好好学习下CSS2滴。

23:50:本就想这么发布了,发现博客又抽了,今晚是第三次……那就再唠叨几句呗~

个人觉得CSS这东西属于应用型,光记着它的属性没用,得用再用死里用。对于想做WordPress主题童鞋来说,个人推崇的方式是载一个看得比较顺眼的主题安上,然后看手册修改细节,换个字体呀换个背景色撒等,然后接触CSS的盒模型内外边距margin、padding上,再玩儿浮动float、清除浮动、定位position。

以上这个过程过来了,那再去看些WordPress主题制作教程,如果对xhtml的基本语法有一定的了解,那就可以直接拿个WordPress的函数帮助表(点我下载),开始全新主题制作之旅咯~

哦,做主题“文本编辑器+现代浏览器”足以,DW啥的可视化早放弃早解脱,毕竟代码效果是在浏览器里解析的,并非靠DW软件来解析。不用可视化,这将对各属性组合以及BUG的排除有大大的帮助。

代码如诗,用有些软件自动生成很有可能是代码如“屎”!

当然,回过头来说,兴趣爱好是动力,没兴趣不爱好,还是不要折腾了,这不是折腾代码而是被代码折腾,伤不起的。

最后一句,折腾得爽还是关键!

00:06:哦,主机还挂着,小张同志说是那啥DEDECMS织梦?的漏洞,被当作肉鸡目标了……悲催!

闪,做明早毕设答辩的PPT去~

主机格调
  1. 小闇
    五月 7, 2011 00:17:0 #2

    只可惜很多教折騰網頁的都會用DW :arrow:
    是editor+browser這種折騰方式比較高階並不是人人都曉得吧 :arrow:

      • 我老师跟我讲,给人做站,能用TABLE 用TABLE,省得麻烦。。。发现用TABLE做起来太麻烦了。。

        • table虽然说兼容性上没问题,可html代码得码好多好多哟,结构也聚复杂!

  2. qiqiboy
    五月 7, 2011 00:19:0 #3

    没看过一本css的书。。就看过js的。。 :lol:

    • js高端哟,css目前貌似是民工……

  3. 西门
    五月 7, 2011 00:34:0 #4

    志哥写的《CSS那些事儿》,去年就买了,不过还没看完 :?:
    前端我也只混他们那个交流群,还有幸当了个管理员 :idea:

    • 管理员~~ :idea: 群号多少,我捧场来~

      • 西门
        五月 7, 2011 01:25:1

        书里面有提到群号啊,不过500人的群早就满了。。。

  4. 奚少
    五月 7, 2011 00:40:0 #5

    一直想去图书馆借这本书,看来我还得先打打基础~

    • 懂些基础的好,不然这本书不知得看到何年何月了,而且会相当吃力……

  5. CXM
    五月 7, 2011 00:51:0 #6

    这么快有更新了一篇文章,木木看来真是病重了。

  6. 浩子
    五月 7, 2011 00:55:0 #7


    我略懂皮毛,现在网上教程忒多了
    嘿嘿
    方便我们新手啊 :!:

  7. hzlzh
    五月 7, 2011 01:14:1 #8

    早点睡吧,还有毕业设计的幸福孩子。

  8. Japhia
    五月 7, 2011 02:24:2 #9

    我下周也要答辩了

  9. Microhu
    五月 7, 2011 02:51:2 #10

    咱们一样啊….
    今天问题感觉很严重. 貌似有人在乱搞,小张在查.
    唉…

  10. kairfly
    五月 7, 2011 02:59:2 #11

    因为WP学了CSS,相当有趣,也容易上瘾,尤其是通过修改CSS达到自己所要的效果时 :shock:

  11. wmtimes
    五月 7, 2011 03:19:3 #12

    要把css学精不是件容易的事。

  12. Justice
    五月 7, 2011 03:28:3 #13

    推荐一本 Andy Budd 的《CSS Mastery》,个人觉得很适合初学者,很薄很实用,原理也讲得挺清楚。中文版叫《精通CSS:高级Web标准解决方案》。

    • 恩,内容比较基础,就是翻译得不好……

  13. 提到的都是好东西啊,有空俺也学习学习去

  14. 哇,新主题,好宽好宽 :eek: ,好像在翻杂志

  15. 园子
    五月 7, 2011 08:53:8 #16

    这一段一行的文字看着给古龙先生的小说一样
    嘿嘿
    有风格!

  16. hoho,找个时间本地改主题去

  17. iSayme
    五月 7, 2011 09:18:9 #18

    我看过,这本书确实不错~~

    • 只要用合理的属性搭配IE兼容不是问题~

  18. DEMON
    五月 7, 2011 10:07:10 #20

    前幾天剛下了一個CSS3的手冊。正好要找2.0的。

    • 恩,就是被墙了下不动……

  19. usual
    五月 7, 2011 10:42:10 #22

    志哥的书适合进阶用..

    序言很清楚的写了,适合有一定基础的.读完有质的飞跃. :mrgreen:

    • 恩,之前自己都是糊里糊涂的,看完对属性的作用又了解很多~

  20. :cry: 你这里 终于可以进来了。 :cry: 激动啊。。。。
    这书貌似很给力的样子。等这段时间忙完,我也瞅瞅。。。

  21. 无冷
    五月 7, 2011 11:05:11 #24

    貌似某人博客又出现什么不和谐东西了,小张都准备请退了

    • 不请退可不行,一个人挂一个服务器……

  22. 小羿
    五月 7, 2011 11:21:11 #25

    原来这素一本书

    • 还是名气很大的一本书~

  23. Gryu
    五月 7, 2011 12:20:12 #26

    很实用的说,这篇文章必须书签。 :lol:

  24. WayJam
    五月 7, 2011 15:27:15 #27

    好,下一阶段我要买!话说,木木的博客现在很社交阅读化耶。

    • 努力在自己地盘做些尝试吧~

      • WayJam
        五月 7, 2011 22:51:22

        有时间,当然想折腾折腾。

  25. ymcyyf
    五月 7, 2011 19:17:19 #29

    只能说我对CSS和jQuery一头雾水,只能看着木木童鞋的博客流口水,话说有什么教程没?

  26. 火速去找BUG主机去玩玩。。。。

  27. phoetry
    五月 7, 2011 23:14:23 #31

    话说现在这主题在opera10与11下都横向溢出了, #container{overflow-x:hidden} 后正常=.=

  28. Maplews
    五月 8, 2011 01:11:1 #33

    用dw还是更喜欢用来写CSS

  29. 最近这个主机不稳定啊!!!!!!!!

  30. 万戈
    五月 10, 2011 22:54:22 #35

    css那些事儿的作者是俺的同事,不过已经跳槽了 :roll:

    • CXM
      五月 11, 2011 01:26:1

      请问万哥哥是干嘛滴~

      • 万戈
        五月 11, 2011 09:13:9

        就是一做网站的 :neutral:

    • 恩,挺攀帅说了,很多牛B轰轰的人~

    • linxz
      五月 12, 2011 13:14:13

      :lol: 你同事他帅吗?有没有比我帅?如果比我帅,你就要请客吃饭,如果没我帅,你更要请客吃饭。

      • 万戈
        五月 12, 2011 13:20:13

        :arrow: 小志GG,我哪敢比你帅呀,看来这顿饭是逃不掉了 :wink:

  31. 我现在也需要学习这方面的知识,朋友推荐来看的!

  32. 木木大湿,WordPress的函数帮助表 续期下吧,人家要看咩~

  33. 青衿
    十一月 21, 2011 00:17:0 #38

    紧急求助木木,我的主题样式表里根本没有对div id=content定义高度,但是为啥浏览器总是给我加上一个高度呈,开发工具查看时显示element.style{height:1465px;},这是哪里来的,导致我文章列表下面一大片空白区域,求解 :roll:

    • 青衿
      十一月 21, 2011 00:18:0

      呈div id=content style=height:1465px

      • 林木木
        十一月 22, 2011 18:15:18

        有用什么js不?

        • 青衿
          十一月 22, 2011 18:26:18

          :oops: 是的,确实是JS里的设定造成的,已经解决了。高手果然是高手啊,一下就猜到了!是不是JS文件能覆盖一切其他设定?

          • 林木木
            十一月 22, 2011 18:57:18

            因为js直接写到html的style里了~

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*


您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">