css学习笔记 HTML CSS开发工具，学习资料推荐

CSS学习资料

1. 文档教程：w3school是很好的css参考教程 http://www.w3school.com.cn/css/index.asp
2. 视频教程：tutsplus的《30天学会HTML&CSS》非常不错，http://learncss.tutsplus.com/ （30 Days to Learn HTML & CSS）

在这两个基础上多做些demo基本可以上手。

 

HTML，CSS开发工具

1. dreamweaver有很多人使用，当然盗版用户很多，当然，如果企业不想违法又不想破费money来买dreamweaver，我们还有很强大的工具推荐。
2. notepad++ 这个开发工具支持很多程序语言开发，可以安装功能强大又好用的插件。支持中文！  在这里下载：http://notepad-plus-plus.org/

（个人推荐notepad++，因为有强大的zen-coding代码生成工具，几十行的代码可以用简单的一段代码生成，接下来介绍zen-coding）

zen-coding

zen-coding是一款可以安装到notepad++上的快速代码编写插件。 非常好用！举例：

     我们经常要编写一个<ul>几个甚至几十个<li>的代码，如果li里还有<a>，就更烦躁了。使用zen-coding，只需一行代码即可自动生成几十行代码：

首先，在notepad++里安装zen-coding插件；

然后在html文件编辑器上写下：

 

div#page>div.logo+ul#navigation>li*5>a

然后使用快捷键ctrl+alt+enter(快捷键可以自定义)，zen-coding就会帮你生成：

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

 参考链接：http://code.google.com/p/zen-coding/