小白的问题,麻烦老师看下。

来源:2-1 样式文件和初始化

爱喝白酒的小白

2018-11-16 12:56

1,我照着老师来写的:

<div class="footer-col">

      <a href="">Blog</a>

     <a href="">Careers</a>

     <a href="">Privacy Policy</a>

     <a>Contact</a>

这一步和老师一样的,但是我的怎么Blog,Careers,Privacy Policy在一行,没有断行,且字是有颜色的,只有Contact断行了。

https://img.mukewang.com/5bee4d460001c0ee05820261.jpg

2.接着我在后面都加了<br>:

<div class="footer-col">

      <a href="">Blog</a><br>

     <a href="">Careers</a><br>

     <a href="">Privacy Policy</a><br>

     <a>Contact</a>

现在都断行了,但是字有颜色的。

https://img2.mukewang.com/5bee4d0d00012fe205300260.jpg

3.然后我去掉了href="":

<div class="footer-col">

      <a>Blog</a><br>

     <a>Careers</a><br>

     <a>Privacy Policy</a><br>

     <a>Contact</a>

结果就变成这样的,而且这一排的行距和左边的一样,按照PS里面的设计图应该是比左边的行距高一些。

https://img3.mukewang.com/5bee4d9d00016c0304790176.jpg

希望老师看到解答一下吧,或者知道的同学帮忙解决也行,来自小白的谢谢。




写回答 关注

1回答

  • 精慕门1533310
    2018-11-17 05:03:53
    1. 你的reset.css和老师的不一样

      添加 a{ display: block;},解决在同一行的问题

    2. 对于a标签,浏览器有默认颜色样式

      在common.css里,自定义a标签的颜色样式就好

    3. 不用去掉href属性,老师最后一个完全是忘了加

      老师的课程,只是为了说明怎么更清晰地写页面,行距是有些不一样,不用太在意

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105467 学习 · 410 问题

查看课程

相似问题