V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
CyrixIII
V2EX  ›  CSS

logo 图片背景加链接的下面的 2 种写法哪种合适?

  •  
  •   CyrixIII · 2015-08-09 19:47:43 +08:00 · 3522 次点击
    这是一个创建于 3401 天前的主题,其中的信息可能已经有所发展或是发生改变。

    初学CSS,在写logo图片背景加链接的时候发现下面2种代码都可以实现,哪种更合适一些呢?

    第一个是这样写:

    logo {
    float: left;
    width: 160px;
    height: 50px;
    background-image: url(./images/[email protected]);
    background-image: -webkit-image-set(
    url(./images/[email protected]) 1x,
    url(./images/[email protected]) 2x);
    }

    logo a {
    display: block;
    width: 160px;
    height: 50px;
    text-indent: -9999em;
    }

    第二个是这样写:

    logo {
    float: left;
    }

    logo a {
    display: block;
    width: 160px;
    height: 50px;
    background-image: url(./images/[email protected]);
    background-image: -webkit-image-set(
    url(./images/[email protected]) 1x,
    url(./images/[email protected]) 2x);
    text-indent: -9999em;
    }

    谢谢,请指教。

    2 条回复    2015-08-09 20:57:02 +08:00
    jjplay
        1
    jjplay  
       2015-08-09 20:32:14 +08:00   ❤️ 1
    第二个简洁,没有重复的,float 和 display:block 不需要同时设
    CyrixIII
        2
    CyrixIII  
    OP
       2015-08-09 20:57:02 +08:00
    @jjplay 谢谢!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2548 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 15:36 · PVG 23:36 · LAX 07:36 · JFK 10:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.