Day 11 淘宝静态页面头部广告结构与样式

最新推荐文章于 2024-10-16 10:13:45 发布

Crimson418

最新推荐文章于 2024-10-16 10:13:45 发布

阅读量161

点赞数

文章标签： java 前端开发语言

本文链接：https://blog.csdn.net/weixin_70432149/article/details/126386167

版权

本文详细解析了淘宝静态页面头部广告的结构设计，包括HTML布局和CSS样式设置，适合前端开发者学习理解电商网站头部广告的构建技巧。

摘要由CSDN通过智能技术生成

HTML:


    <!--头部广告  -->
    <div id="headad">
      <div class="layer clearfix">
        <a href="#" class="fl go">
          <img src="../images/go.png" alt="">
        </a>
        <ul class="fr">
          <li class="item1">
            <!-- 尽量少嵌套结构，对搜索引擎不友好 -->
            <a href="#" class="fr"><img src="../images/1.jpg" alt=""></a>
            <h3><a href="#">电视会场</a></h3>
            <p><a href="#">最高降2000</a></p>
            <!-- h标签的应用：
                标签的优先级：title>h1>h2..>h6
                h1标签用在logo上，进行以图换字，一个页面中h1标签只能出现一次
                h2标签用于副标题，
                h3标签用在页面中的版块标题，有好货、爱逛街