1.在网站页面上单机鼠标右键，点击查看源代码；
2.然后在源代码中就会发现类似于下面这样的代码，一般是在最上面<head>标签里面：
<link rel="stylesheet" type="text/css" href="../style.css" />
3.href后面的.css文件就是你要的样式表文件；
4.把href中的文件前面加上网页路径，如：http://www.XXXX.com/css/style.css,粘贴到迅雷中进行下载，下载下来就可以通过编辑工具进行相关的修改了。
要改宽度就改对应的width，在这里不知道这些类哪个对应导航栏。字体类型用font-family改，大小用font-size。
导航宽度：a.menu{padding:5px 20px 0px 20px}改成a.menu{padding:5px 25px 0px 25px}这两个25可以自己调下，因为不知道导航条具体宽度，两个25px也可以是不同数字。
这几个数字表示内容距离周围的距离，顺序是：上、右、下、左。因左右距离一致，所以可以简写为a.menu{padding:5px25px 0px}
导航宽度这块，其实就是简单的css代码的修改，可以去学习一下，对css有一定认识后，自己就很好改了。
导航字体：.menu_current a.menu{font-family:"微软雅黑"font-size:12px}这两个是改字体格式和大小的，这个12px可以自己改数字，达到想要的效果。
导航字体的话，其实是属于代码的常识性操作，很简单的，就是font-family、font-size、font-color等。
通常我们将网页的样式和内容分开，样式放在css文件，内容放在html文件，当html文件需要用到样式的时候，直接引用css中定义的样式就可以了。其实JavaScript也能使用css文件或直接改变样式的属性来动态的改变网页的样式。
1、JavaScript设置内联样式
改变样式最直接的方法就是改变元素节点的style属性。如：
myElement.sytle.color = “red”
myElement.sytle.left = “40px”
myElement.sytle.backgroundRepeat = “repeat-x”
JavaScript设置内联样式时，采用和css设置样式一样的风格。如设置myElement的color属性时，我们可以赋值任何在css中可以用的值，所以这里除了可以使用”red”，还可以使用”blue”, ”yellow”或十六进制的”#ff0000”。
另外用JavaScript改变网页的属性还需要注意2点：
l JavaScript中采用驼峰命名法：在css中，属性名中的单词之间是用横杠隔开，如font-weight, background-color。但在JavaScript中，横杠可能被认为是减号，所以采用驼峰命名法，单词之间不用横杠，如font-weight在JavaScript中应该写成fontWeight而background-color写成backgroundColor。
l JavaScript中属性值为字符串：在css中，属性值都写在双引号中，即要用字符串来给css相关属性赋值，同样当属性值有单位时，我们需要将单位也写在字符串中。
2、JavaScript设置外部样式
当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。如下格式：
myElement.className = “someCSSclass”
同样需要注意几点：
l 不要将className写成class，因为class是JavaScript保留的关键字，我们不能使用。
l 将定义在css中的样式直接赋值给className，就能改变myElement元素的样式。
l 当要删除元素的样式，可以给className属性赋值为空。如：
myElement.className = “”
教程网 站-秒秒学上的JavaScript课程有一个章节专门讲解JavaScript改变样式的内容，可以看看，希望对你有帮助。
