1、首先使用Dreamweaver CS5创建新的CSS规则，然后可以设置下面的任意属性。 打开“CSS样式”面板。 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。
创新互联专业提供成都主机托管四川主机托管成都服务器托管四川服务器托管，支持按月付款！我们的承诺：贵族品质、平民价格，机房位于中国电信/网通/移动机房，成都服务器托管服务有保障！
2、我们选择将我们的样式全部建到一个CSS文档中，通过调用CSS文件来加载样式。在头部调用CSS文件样式。对于CSS，我们最常用的是通过class或是标签名来控制样式。我们控制字体样式使用的font。
3、以Dreamweaver CC 设置文字样式为例：鼠标选择要更改的文字点击《属性》如图 点击《css》更改字体，点击《字体》的第一个下拉框来更改文件的字体，如图：设计文字对齐方式。如居中对齐 。
4、建css样式表的时候，你应该给标签命名，定义样式。如下：如果你样式在文件表里 .font{font-size：12px；color：#ff0000；} 这样你再一次选中文字，应用一下就可以了，也可以给文字所在的这样文字也就应用了你的样式。
5、在CSS 规则定义对话框中，执行下面的操作：在字体文本框中，输入 Verdana， sans-serif。在大小文本框中，输入 11，并在紧靠其右的弹出式菜单中选择像素。
如果要在JavaScript中更改页面样式，需要更改元素的样式属性，下面我们就来看看具体的实现内容。
scss文件定义变量 js中更改$textColor 变量的值 都是获取DOM 通过DOM分别修改当前DOM样式属性值、当前DOM整体css样式、修改当前DOM的className类名、将link引入的标签作为DOM 修改link的href，从而修改引用的样式表。
既然你都用了byClassName，说明他们都有同一个类名，你直接再css里面改这个类名的样式就行了。你要用js修改，你修改的是内联样式，那你只有每一个用for循环来修改。
JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提： html页面首先必须引入JQuery，放置在body体最后的位置。
1、如果对这个默认样式不满意最简单的解决办法就是重新设置该样式的属性，因为user agent stylesheet优先级很低，会被覆盖，这样就不会影响到我们的样式了，比如这里我就讲form 的margin-bottom设为0px。
2、清除在编写页面中由于浏览器默认样式带来的干扰。 兼容性更好，不同浏览器的默认样式可能会有所不同，如果不清楚可能会造成我们编写的页面在不同浏览器上的效果有所出入。
3、这个“浏览器默认HTML的CSS样式属性”，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin：0；padding：0；}，当需要使用边距的时候，就需要还原HTML默认CSS值了。
4、浏览器默认没有样式的，你在加了全局样式后如果个别地方需要单独样式可单独设置，例如：body {margin：0 auto；padding：0；} .a {margin：5px；padding：0 0 0 10px；} 这里是内容 这里的a就是局部样式的定义了。