Question

如何修改css网站导航宽度和字体

CSS代码如下：
/*menu样式*/

.top_box{width:1000px;margin:0px auto 0px auto;clear:both;}
.top_box .logo{float:left;text-align:left;padding:15px 0 5px 5px;height:60px;}
.top_box .topcontent{float:right;text-align:right;padding:20px 5px 5px 0;height:55px;}
.menu_box{height:30px;padding:10px 0px 0px 0px;text-align:left;background:url(images/menu_bg.jpg) repeat-x 0 0;}

.menu_style_homepage{float:left;text-align:center;width:auto;}
.menu_style{float:left;text-align:center;width:auto;}

a.menu{display:block;height:25px;color:#136DC8;font-size:13px;font-weight:bold;padding:5px 20px 0px 20px;_float:left;}

a.menu:hover{display:block;color:#333333;background-color:#fff;}

.menu_current a.menu{display:block;height:25px;color:#333333;font-size:13px;font-weight:bold;font-weight:bold;_float:left;}
.menu_current a.menu:hover{color:#333333;text-decoration:none}

希望导航栏宽度变宽，整体宽度达到红线的宽度，还有导航栏的字体格式怎么修改，改成微软雅黑的，另字体大小怎么修改，谢谢

Answer 1

　　要改宽度就改对应的width，在这里不知道这些类哪个对应导航栏。
　　字体类型用font-family改，大小用font-size。
　　导航宽度：a.menu{padding:5px 20px 0px 20px;}改成a.menu{padding:5px 25px 0px 25px;}这两个25可以自己调下，因为不知道导航条具体宽度，两个25px;也可以是不同数字。
　　这几个数字表示内容距离周围的距离，顺序是：上、右、下、左。因左右距离一致，所以可以简写为a.menu{padding:5px; 25px 0px;}
　　导航宽度这块，其实就是简单的css代码的修改，可以去学习一下，对css有一定认识后，自己就很好改了。
　　导航字体：.menu_current a.menu{font-family:"微软雅黑";font-size:12px;}这两个是改字体格式和大小的，这个12px;可以自己改数字，达到想要的效果。
　　导航字体的话，其实是属于代码的常识性操作，很简单的，就是font-family、font-size、font-color等。

Answer 2

a.menu{padding:5px 20px 0px 20px;}改成a.menu{padding:5px 25px 0px 25px;}这两个25可以自己调下，因为我不知道导航条具体宽度，两个25也可以是不同数字
.menu_current a.menu{font-family:"微软雅黑";font-size:12px;}这两个是改字体格式和大小的，这个12你可以自己改数字，达到你想要的效果

追问

大神 您好 您QQ号多少？跪谢

Answer 3

要改宽度就改对应的width，在这里我不知道你这些类哪个对导航栏。
字体类型用font-family改，大小用font-size。
a.menu{display:block;height:25px;color:#136DC8;font-size:13px;font-weight:bold;padding:5px 20px 0px 20px;_float:left;}
.menu_current a.menu{display:block;height:25px;color:#333333;font-size:13px;font-weight:bold;font-weight:bold;_float:left;}
这两句里都有font-size

Answer 4

对应class或id的样式，如：
#daohang{ width:1024px;/*宽度*/ font-family:"Microsoft YaHei";/*字体设置*/}

Answer 5

.div{font-family:"微软雅黑";font-size:12px;}
导航栏的div改一下宽度不行吗