Question

上一个问题的更新问题

如何使字词的行距更紧密？我的寄宿生也不会一路过关斩将另一个更新->我发现行距问题只是无法找出寄宿生 // css

   .headerC {
   background: #89cff0;
   font: 36pt/40pt courier;color: white; 
   font-variant: small-caps; 
   border: thick dashed hotpink;

}

// html

<div class="headerC">
                <h1 align="center" >Contact</h1>
                <h4 align="center"> <a href="tel:203-831-9722" class="link">203-831-9722</a></h4>
                <h5 align="center" >234 East Ave 06855</h5>
                <h6 align="center" >Norwalk, CT</h6>

        </div>

Answer 1

从border和h1元素中删除h4样式并将其应用于容器div

（另外，您可能希望使用类来处理HTML元素并将所有CSS放入定义这些类的外部样式表中）

Answer 2

使用外部CSS和外部div上的边框的简化代码：

HTML

 <div class="header">
     <h1 align="center" >Contact</h1>
     <h4 align="center"> <a href="tel:203-831-9722" class="link">203-831-9722</a></h4>
     <h4 align="center" >234 East Ave 06855</h4>
     <h4 align="center" >Norwalk, CT</h4>
 </div>

CSS

.header {
  background: #00080;
  font: 36pt/40pt courier; 
  font-variant: small-caps; 
  border: thick dashed hotpink;
}
.link {
  text-decoration:underline;
}

我如何才能使字词的线条更接近，而且寄宿生也不会一路过关斩将

2 个答案: