老师请问为啥上下边距设置不了

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>轮播图</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div class="nav" id="nav">
     <div class="subnav">
         <span class="tit tex1">首页</span>
         <span class="tit tex2">点击看看</span>
         <span class="tit tex3">会自动的</span>
         <span class="tit tex4">我的网站</span>
     </div>
     <div class="content">
     <a href="">
        <div class="banneer solo1"></div>
     </a>
          <a href="">
        <div class="banneer solo2"></div>
     </a>
          <a href="">
        <div class="banneer solo3"></div>
     </a>
          <a href="">
        <div class="banneer solo4"></div>
     </a>
     </div>
      </div>

</body>
</html>

*{
margin:0;
padding:0;
}
.nav{
width:1200px;
height:auto;
margin:0 auto;

}
.subnav{
width:1200px;
height:60px;

font-family:"MicrosoftYaHei";
color:#666;

}
.tit{
padding:20px 90px;
font-size:32px;
font-weight: 2px;

}

烦请老师多指导

k1ans 2017-08-16

源自：项目：JS实现轮播特效 6-1 案例总结

收起

3回答

好帮手慕糖回答被采纳获得+3积分 2017-08-16 14:45:02

你好，是要设置文字的距离么，这里可以使用行高即可实现垂直居中（不过这里，设置的文字有些大，而整体的高度有些小，建议：可相应的调整下），且，font-weight:没有为2px的属性值，若想设置加粗可为：font-weight: bold;整体的修改，可参考下面代码：

.tit{
    font-size:32px;
    font-weight: bold;
    line-height: 60px;
    padding:0 90px;
}

祝学习愉快~

收起回答

k1ans 提问者 #1

非常感谢！

2017-08-16 14:57:15
k1ans 提问者 #2

*{ margin:0; padding:0; } .nav{ width:1200px; height:auto; margin:0 auto; } .subnav{ width:1200px; height:60px; overflow: hidden; font-family:"MicrosoftYaHei"; color:#666; } .tit{ font-size:32px; font-weight: bold; line-height:60px; padding:0px 90px; } .content{ width:1200px; height:460px; } .solo1{ background-image:url("img/1.jpg"); } 老师我这背景图片没出来是啥问题

2017-08-16 15:01:45