css学习札记 HTML CSS开发工具,学习资料推荐
css学习笔记 HTML CSS开发工具,学习资料推荐
CSS学习资料
- 文档教程:w3school是很好的css参考教程 http://www.w3school.com.cn/css/index.asp
- 视频教程:tutsplus的《30天学会HTML&CSS》非常不错,http://learncss.tutsplus.com/ (30 Days to Learn HTML & CSS)
在这两个基础上多做些demo基本可以上手。
HTML,CSS开发工具
- dreamweaver有很多人使用,当然盗版用户很多,当然,如果企业不想违法又不想破费money来买dreamweaver,我们还有很强大的工具推荐。
- 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/