zoukankan      html  css  js  c++  java
  • Logo常用的制作方法

    Logo一般是放在h1标签里面,h1里面嵌套超链接a,a里面放logo即可

    方法1-- 插入图片(推荐使用):

    直接在a里面插入图片,注意要设置alt的关键字,有利于网站优化;

    <div class="logo">

        <h1>

          <a href="#"><img src="./img/logo.png" alt="传智教育|传智播客"></a>

        </h1>

    </div>

    方法2--- 背景图片:

    将logo图片用背景图的方法插入a标签,注意a标签必须要转化为块,因为a默认是行内块没有宽高或者设置宽高不生效;最好在a标签里面书写关键字;但是我们最终效果不需要看到关键字:

    /* 方法2 */

    .logo a {

      display: block;

      height: 61px;

      background: url(./../img/logo.png) no-repeat;

    }

    结构

            <div class="logo">

                <h1>

                    <a href="#">品优购</a>

                </h1>

     

    第一种方法:设置当前的文字大小为0即可(推荐使用)

    .logo a {

      display: block;

      height: 61px;

      background: url(./../img/logo.png) no-repeat;

      font-size: 0;

    }

    第二种方法:设置文本缩进为负值,值取特别大即可,然后加溢出隐藏即可;

    .logo a {

      display: block;

      height: 61px;

      background: url(./../img/logo.png) no-repeat;

      text-indent: -20em;

      overflow: hidden;

    }

  • 相关阅读:
    论程序员的自我修养
    设计模式之:行为型设计模式(11种)
    设计模式之:结构型设计模式(7种)
    @import "../style/lines.scss" 导致background: url()路径无效问题
    node express 设置重定向
    png8和png24的区别
    vue scss 使用 及 踩坑
    js 防抖 节流
    js 次方 开方 对数
    css 修改placeholder样式
  • 原文地址:https://www.cnblogs.com/ndh074512/p/14619184.html
Copyright © 2011-2022 走看看