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;

    }

  • 相关阅读:
    web框架和Django框架的初识
    外键的变种,单表的查询,多表的查询
    数据库的安装与初识
    响应式设计中几个class区别
    Velocity+Java较全教程
    Web开发基础
    AutoCompleteTextView不能使用的问题
    Http中Cookie与Set-Cookie头
    Java Web 乱码
    Karel运行环境配置
  • 原文地址:https://www.cnblogs.com/ndh074512/p/14619184.html
Copyright © 2011-2022 走看看