美文网首页
网页制作-头部

网页制作-头部

作者: Jay_ZJ | 来源:发表于2020-05-06 15:39 被阅读0次

确认

获取

  • 可以在网页中用F12检查,查看logo路径,保存本地
  • 可以在使用ps中的cutterman到处psd文件中的logo

结构

<!-- 头部盒子 -->
<div class="header w">
  <!-- logo部分 -->
  <div class="logo">
    <img src="images/logo.png" alt="###">
  </div>
</div>

样式

* {
  padding: 0;
  margin: 0;
}
.w {
  width: 1200px;
  margin: auto;
}
.header {
  height: 42px;
  background-color: royalblue;
  /* 此地方会重叠 w类中的margin */
  margin: 30px auto;
}
.logo {
  width: 198px;
  height: 42px;
}

相关文章

  • 网页制作-头部

    确认 获取 可以在网页中用F12检查,查看logo路径,保存本地 可以在使用ps中的cutterman到处psd文...

  • 任务4-HTML1

    网页乱码是怎样产生的 网站头部设定的编码和网页本身的编码不一致导致的 如果网站制作者将网页文件存储为了gbk格式,...

  • 导航栏制作

    今天和大家分享一下网页导航栏的制作 网页导航栏是网页的开头部分,今天就教大家如何简单的实现这一效果。 效果图 首先...

  • HTML 结构

    Html结构包括“头部”(head)、和“主体”(body)。 其中的“头部”提供关于网页的信息,“主体”提供网页...

  • # 使用HTML添加表格2(表格头部与脚部)——零基础自学网页制

    添加表格头部信息与脚部信息 昨天我们在《使用HTML添加表格1(基本元素)——零基础自学网页制作》(文章结尾有目录...

  • 槿轩网站APP公告2

    〔欢迎您来到槿轩网页制作系统 可制作: 个人网页 表白网页 趣味网页等三个板块 可制作各种网站 〕

  • Dreamweaver Flash Photoshop网页设计综

    全书共15章,主要包括网页制作基础、DreamweaverCC网页制作、PhotoshopCC网页图像设计、Fla...

  • 网站HTML结构SEO要求说明(含移动站)

    网页结构 一、网页中主体结构标签一一对应。 网页头部区域 网页底部区域 网页边框区域 网页导航区域 网页章节、页眉...

  • Dreamweaver Flash Photoshop网页设计综

    全书共15章,主要包括网页制作基础、Dreamweaver CC网页制作、Photoshop CC网页图像设计、F...

  • 网页制作

    【网站制作】 《简介》网站就是由多个网页联系在一起构建出来的一个整体站。网页的标准定义:网页就是文字,图片加超链接...

网友评论

      本文标题:网页制作-头部

      本文链接:https://www.haomeiwen.com/subject/uxjwghtx.html