自己写的web标准教程，帮你走进web标准设计的世界——第四讲（css篇1）

　　本节概况：

　　1. css简介

　　2. css编译器

　　3. css调试工具

　　4. css命名规范

　　5. 一款css取色小工具

　　6. css 与 id 、class 和 element的关系

　　首先先简单的介绍一下css：css就是层叠样式表，说白了就是给一个网页穿衣服的，起装饰作用。So easy!

　　css编译器：我个人倾向于dreamweaverCS4,当然你也可以使用记事本，但我不推荐你使用记事本。在dreamweaver新建一个css文件很简单，相信你一定会做到的。

　　css调试工具：其实dreamweaver本身就是一个强大的css调试工具，具体如何运用我们以后具体讲解时在说，大家也可以去网上查找攻略，估计会很多

　　温馨提示：大家不要使用设计视图去生成代码，也不要看类似的教程，代码还是从键盘中敲打进去的显得踏实。

　　绿色广告：这里再介绍一个知识，就是兼容，可能大家会觉得很陌生，没关系，先有个印象就行了，举个例子：大家在使用软件时往往要分操作系统，而网页呢，大家就要分浏览器了。（不懂这个地方可以不看）

　　学习web标准必备浏览器：（这个是十分重要的，我以后的教程都会围绕这个展开）firefox是一款最接近web标准的浏览器，希望大家都要安装。

　　firefox插件扩展：学习web前端设计你不得不了解几个firefox插件。首先说一下在firefox中安装插件的方法：

　　1. 打开firefox->工具->附加组建　　

　　2. 然后填入你要安装的组建的名称，点击搜索，找到之后点击安装然后在重新启动firfox就可以了。

　　要安装的组件：对于初学者我们先安装一个firebug插件就足够使用和调试了。安装firebug成功后你的浏览器底端会有一个小虫子图标，点击他或者按F12就会启动firebug这个插件了。具体这个插件如何使用，我以后会讲解，如果大家已迫不及待了，可以先去网上找找攻略。

　　css命名规范（下载参考资料）：

　　1. 命名依据：取义命名法，就是根据你网页的区块内容来命名，比如你要写个块，这个块中包含的是一篇文章，那么你可以这样做：

　　<div id=“article”>文章的内容</div>

　　2. 命名写法：采用骆驼式书写格式，比如文章图片你可以这样来命名：articlePic…,第一个单词要小写，第二个单词以及以后的单词的开头字母要大写，禁止使用中文进行命名

　　一款css取色的小工具（下载）：

　　把上面的取色笔拖动到要取的颜色区域中，就会自动获取到该颜色的十六进制值和rgb值，在网页中我们通常用十六进制值来表示一种色彩。

　　css 与 id 、class 和 element的关系：回顾一下html标签的id和class属性，因为这两个属性使html标签和css完美的组合到了一起，如果你还对这两个属性不是很了解，你可以看看自己写的 web标准教程，帮你走进web标准设计的世界——第一讲 中的相关介绍。