Jorux Notebook

Just a web designer's blog

If you love css …

我想把本篇作为css基础教程的序曲,从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分,单独发表,其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50%为Jorux原创,其余翻译部分均为意译,可能来源于多个国外站点,并在教程结束时公布参考原文地址。

曾翻译过一篇css教程:十步学会用css建站,文章声称能在十步学会建站,虽说夸张点,但确实能学到一些东西,就像现代社会流行速成一样,它只是一个css快餐,要达到自由运用css,没个百八十步恐怕有点悬。

需要什么软件学习css?

一个文本编辑器Firefox

1.文本编辑器:这里所指的是诸如windows自带的记事本以及Editplus等改进版记事本软件。不推荐Dreamweaver, Frontpage等具有图形化可视操作,不直接编辑css源代码的软件。这类软件确实能在学习css的初期帮助你迅速达成你的愿望,但是不久你就会发现这些被Dreamweaver所自动生成的css代码冗长繁琐,css文件体积增大。一旦离开这些软件你的头脑就会像一张白纸,基本的css语法都想不起来。本人曾走过弯路,望初学css的朋友借鉴。

本人使用Editplus编写网页代码,其属于加强版的记事本,具有多步撤销,语法加亮,全部替换等功能,安装后无需设置,推荐把屏幕字体改为14号Verdana,方便阅读编写。

2.Firefox

43 Responses to “If you love css …”

  1. leizi says:

    支持一下,,期待后面的教程…..

  2. IRINI says:

    几天一打开Bloglines就看到你更新了,真是好高兴啊~~
    支持!期待中!

  3. IRINI says:

    打错字了~~是今天。

  4. IRINI高兴得有点过头啊:) 谢谢你的支持!
    那些插件最好装上,一定会派上用场的。

  5. 红鼻子 says:

    都弄好了,就等你了,呵呵

  6. gaoshier says:

    持续支持。

    希望教程能早点做完。呵呵,教CSS的书我就不买了,看你写的好了。

  7. 谢谢大家的支持!Jorux会尽力而为,质量比速度更为重要,由于近段时间比较紧张,加之本人对本站文章要求比较苛刻,依然无法提供具体的进度表,望体谅!至在此之前,最好再看看《十步学会用css建站》并熟悉各个插件的功能,
    再次感谢!

  8. IRINI says:

    我也已经都装好了。

  9. 瓶诘 says:

    支持呀,等着看后面的,很期待呀呀~~~~~

  10. leavic says:

    总是在我最需要的时候写出这些文章,^_^.

    最近在看《css权威指南》,那叫一个繁琐啊.加上又开学了,实在有点担心自己看不完,而且书里重复的内容太多,学起来效率太低.

    有你的文章一切就好办了.

  11. leavic says:

    评论是不是屏蔽了符号,刚才评论里的书名怎么自动消失了,,css权威指南

  12. chun says:

    有阵子没来你这了,换程序了?

    我的换了空间和域名了,麻烦改一下连接地址吧:)

    http://www.walkcat.com/
    德尔菲神庙的音乐猫

    (四季闲心|林间漫步)

  13. 红鼻子 says:

    还要等多久啊,有点着急!!

  14. 抱歉!最近有点焦头烂额,本周内一定发一篇!

  15. 红鼻子 says:

    谢谢!最好还是每次给个下期发布的大概时间,本来就是义务制作,还要催你,很不好意思,主要是很期待,再次感谢

  16. ccutbhj says:

    非常好的一篇文章,非常感谢!

  17. 花火魅 says:

    有一个topstyle写css非常不错的说

  18. asura says:

    topstyle的确非常不错,之前的那篇《10步学会css建站》我就用那个实验了一遍,那个方便啊~~~

  19. If you like it, just use it.
    But don’t forget to edit your website with codes directly.

  20. ant says:

    to Jorux/Bluecssr:你在上面提到的那些插件,除了IE Tab,Web Developer外,其他三种在firefox官方站上没有找到,麻烦你给个连接好吗?
    谢谢

  21. To ant:
    在文中有链接, 带蓝色虚线的。

  22. xf5337651 says:

    最后一个插件我找不到在哪儿下载呢?

  23. 看看文中的蓝色链接。

  24. 呵呵,我也都装好了,已经照着学了个“十步建站”的教程,感觉你推荐的东东都是精华中的精华,特别实用,也特别上手,你肯定将会带动起一股势力,我特别喜欢这种感觉,希望自己能跟上,并和你同步!

  25. 海绵宝宝 says:

    我的英语不好,在上面你说的插件我都看不懂,真是难

  26. 海绵宝宝 says:

    在下载ColorZilla时,出现对话框,不让下载,郁闷

  27. 海绵宝宝 says:

    还有我的头像怎么改,我的名字怎么加到网站上,不好意思,。请Jorux给说一下。我是不是很菜呀

  28. To 海绵宝宝 :

    参看http://jorux.com/archives/property-2-if-you-love-css/#comment-150,和http://jorux.com/archives/property-2-if-you-love-css/#comment-965

  29. goodbigbaby says:

    html validator的下载地址换成https://addons.mozilla.org/firefox/249/比较好,因为Jorux提供的那个有点乱,而且速度很慢。

  30. goodbigbaby says:

    Jorux,我有个问题。本来Firefox的工具栏的“历史”菜单项是正常的,可以显示之前浏览过的网站。但是好像在安装了你建议的这些附加插件之后,这个“历史”项就不能用。点一下都没有看到之前访问过的任何网站。那个Firebug显示为“error”,点击firebug,显示的内容为:
    “console”项下的
    this._windows[aWindow.__SSi] has no properties
    [Break on this error] getClosedTabCount: function sss_getClosedTabCount(aWindow) {
    nsSessionStore.js (line 648)

    所以很郁闷,不知如何解决。你可一定要帮帮我啊,请尽量在百忙之中速速回复。谢谢!

  31. To goodbigbaby:

    我不认为是插件原因。你可以用FF的安全模式,就是不加载插件,看看历史是否可用。如果可用,说明问题在插件,你就需要逐个排除了。

  32. goodbigbaby says:

    问题找到了,的确是插件的问题。Html validator 和 firebug两者中只要禁用其中任何一个,历史项就可以正常使用。这是不是说明两者有什么冲突性呢?该如何解决这个问题?这两个插件都是你强烈推荐的,所以希望都能使用。我下载的版本是validator0.7.9.5,firebug1.0b8,FF2.0.0.1。

    或者如果这个问题不能解决,你就把你正在用的版本告诉我,我照用你的应该就不会出错了。

  33. goodbigbaby says:

    自己后来想了一下,可能由于firebug用的是beta版的,有些问题,所以重新下了0.4.1版的firebug过来用,发现FF的历史项果然可以用了。看来真的是beta惹得祸。相信Jorux用的也是firebug0.4.1吧。

  34. To goodbigbaby:

    对,0.4.1版。插件应该保持更新。

  35. CAI says:

    Jorux:
    web developer下载了,怎么安装呢?

  36. To cai: 用Firefox打开,就会提示安装。

  37. CAI says:

    安上去了,谢谢Jorux

  38. somafcctv says:

    Y buy supper sport Car! and i made photo with my girlfriend !!! ( phentermine )
    Look it here :

    I and my Girl or My car

  39. 木可木可 says:

    楼主辛苦了~~
    以后会常来您这学习的~~
    虽然自己只是个初学者,有好多不懂的地方~~
    希望自己以后也可以自如地运用CSS来写代码~

  40. 菜鸟凌风 says:

    谢谢楼主!
    很喜欢你的网站风格和你的原创文章!这个月我也开始学习CSS,并试着创建站点,这里是个很好的学习园地,呵呵..我会常来的

  41. 钟M says:

    您好! 我想转载你的这个系列的文章,不知道可不可以啊?

  42. To 钟M :
    可以的,但是需要注明出处,并加上反向链接。

  43. huiyingwyy says:

    安装的时候出现Firebug1.4.0b1与firefox3.0.10无法兼容

Leave a Reply

Designed by Jorux. Proudly powered by WordPress    Except where otherwise noted, this site is licensed under a Creative Commons License.