2、在新建文档窗口，选择“空白页”―“HTML”，文档类型选择“XHTML1.0 transitional”,单击“创建”按钮
3、将插入点放在文档中，然后在菜单栏单击“格式”，在弹出的下拉菜单中选择“CSS样式”―“新建”
4、在“ 新建 CSS 规则” 对话框中，指定要创建的 CSS 规则的选择器类型：
若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式，请从“ 选择器类型” 弹出菜单中选择“ 类” 选项，然后在“ 选择器名称” 文本框中输入样式的名称。
CSS和系统无关，和浏览器有关
要在windows和mac使用不同的样式，可以通过 userAgent 判断系统，为 body 增加系统的类名。
JS
if (navigator.userAgent.indexOf('Mac OS X') !== -1) {$('body').addClass('mac')
} else {
$('body').addClass('pc')
}
CSS
.mac div {color: red // mac下的div是红色的
}
.pc div {
color: blue // window和其他系统的div是蓝色的
}
Xenocode Browser Sandbox 这个试试看,也不知道能不能在mac下运行另外我记得还有微软也出过个软件,web developer?,里面自带了调试工具,可以显示各个浏览器的显示状况,也不知道能不能在mac下运行
