作业十一月

最新推荐文章于 2024-07-13 04:58:24 发布
最新推荐文章于 2024-07-13 04:58:24 发布
阅读量29 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80330239/article/details/134755848
版权 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./download/font_4353511_x66hiumitbb/iconfont.css">
    <link rel="stylesheet" href="./03-index.css">
</head>

<body>
    <div class="top-nav">
        <div class="container">
            <div class="top-nav-left">
                <a href="#">小米官网</a>
                <span>|</span>
                <a href="#">小米商城</a>
                <span>|</span>
                <a href="#">小米商城</a>
                <span>|</span>
                <a href="#">小米澎湃</a>
                <span>|</span>
                <a href="#">云服务</a>
                <span>|</span>
                <a href="#">有品</a>
                <span>|</span>
                <a href="#">小爱</a>
                <span>|</span>
                <a href="#">物资</a>
                <span>|</span>
                <a href="#">app</a>
                
            </div>
            <div class="top-nav-right">
                <a href="#">登录</a>
                <span>|</span>
                <a href="#">注册</a>
                <span>|</span>
                <a href="#">消息通知</a>
                <button><em class="iconfont icon-sousuo"></em>购物车（0）</button>
            </div>
        </div>

    </div>

    <div class="site-header">
        <div class="container">
            <div class="site-header-left"></div>
            <div class="site-header-center">
                <ul>
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">耳机</a></li>
                    <li><a href="#">音箱</a></li>
                    <li><a href="#">健康</a></li>
                    <li><a href="#">儿童</a></li>

                </ul>
            </div>

            <div class="site-header-right">
                <input type="text">
                <button><em class="iconfont icon-sousuo"></em> </button>
            </div>

        </div>
    </div>

    <div class="banner">

        <div class="container">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72d2f359aa032bc5f6372b3022b39a92.jpg?thumb=1&w=1269&h=476&f=webp&q=90"
                alt="" width="1226px">


            <div class="banner-nav">
                <ul>
                    <li><a href="#">手机<span>></span></a></li>
                    
                    <li><a href="#">耳机<span>></span></a></li>
                    <li><a href="#">手机<span>></span></a></li>
                    <li><a href="#">穿戴<span>></span></a></li>
                    <li><a href="#">出行<span>></span></a></li>
                    <li><a href="#">电脑<span>></span></a></li>
                    <li><a href="#">健康<span>></span></a></li>
                    <li><a href="#">儿童<span>></span></a></li>
                    <li><a href="#">平板<span>></span></a></li>

                </ul>
            </div>

        </div>
    </div>
</body>

</html>

贾俊杰123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
十一月假期作业.rar
11-23
【标题】：“十一月假期作业.rar”通常是一个包含有学生在十一月假期期间完成的作业项目的压缩文件。这种类型的文件通常由教师分配，用于收集和评估学生的学业进度。RAR是一种流行的压缩格式，它能将多个文件和...
作业11月12日第一题和第六题1
08-08
作业11月12日第一题和第六题1
11月10日作业.py
11-17
11月10日作业.py
CSS技巧专栏：一日一例 3.纯CSS实现炫酷多彩按钮特效
uu0216的博客
07-10 1212
CSS的 box-shadow 属性可以用来给一个元素添加一个或多个阴影效果。如果你想要给一个div元素添加多种颜色的投影，你可以通过在box-shadow属性中用逗号分隔多个值对来实现。 上面代码，我们分别给按钮增加了红，黄，蓝，绿四种颜色的投影，并且让投影扩散范围增大，我们看看效果是不是我们想要的。在浏览器中刷新我们的按钮页面，把鼠标移动到按钮上，我们得到了这样的按钮效果：
CSS【详解】层叠 z-index （含 z-index 的层叠规则，不同样式的层叠效果）
朝阳39的博客
07-09 638
仅对已定位的元素（）有效，默认值为0，可以为负值。
css画半圆&&画圆弧
M1512415的博客
07-12 167
【代码】css画半圆&&画圆弧。
CSS上下悬浮特效
m0_56164131的博客
07-09 524
要实现一个上下悬浮的特效，可以使用CSS的@keyframes规则和动画属性。
HTML CSS 基础复习笔记 - 框架、装饰、弹性盒子
forevercui的博客
07-09 1267
弹性盒子 - 学习 Web 开发 | MDN (mozilla.org)flex-flow：flex-flow属性是flex-direction属性和flex-wrap属性的简写形式align-items：flex-start | flex-end | center | baseline | stretch （单行）
CSS - 深入理解选择器的使用方式
zhugedali_的博客
07-09 682
例如， [href^="https"] 会选择 href 属性值以 https 开头的元素， [href$=".com"] 会选择 href 属性值以 .com 结尾的元素， [href*="example"] 会选择 href 属性值包含 example 的元素。例如， div > p 只会选择直接作为 <div> 元素子元素的 <p> 元素，而不会选择 <div> 元素内部的嵌套 <p> 元素。- :last-child 选择父元素的最后一个子元素。
纯CSS瀑布流
u014206461的博客
07-10 274
* 项之间的垂直间距 *//* 每个瀑布流项 *//* 瀑布流容器 */
【前端】css控制背景图片缩放
姜太小白的博客
07-08 355
css控制背景图片缩放
html表格账号密码备忘录：表格内容将通过JavaScript动态生成。点击查看密码10秒关闭
最新发布
lulei5153的博客
07-13 242
【代码】html表格账号密码备忘录：表格内容将通过JavaScript动态生成。点击查看密码10秒关闭。
深入理解CSS中的 :: 和 :
jingsi1991的博客
07-09 304
CSS中的伪类(:)与伪元素(::)是用于定义元素特殊状态或特定部分的样式规则。虽然它们在视觉上相似，但它们在功能上有着本质的区别。
2024前端面试真题【CSS篇】
Leatitia的博客
07-09 641
无缩放情况下，1个css像素 = 1个设备独立像素；设备像素由屏幕生成之后确定，不变；PC中，1个设备独立像素 = 1个设备像素（未缩放情况下）；移动端中，标准屏幕（160ppi）下，1个设备独立像素 = 1个设备像素；设备像素比（dpr） = 设备像素 / 设备独立像素；每英寸像素（ppi），值越大越清晰。
css预编译器--sass
smz的博客
07-12 586
提供了 变量（variables）、嵌套规则（nested rules）、 混合（mixins）、 函数（functions），目前我使用最多的还是变量和嵌套规则，貌似目前css也支持嵌套了，css预编译实际上是为了简化css编写，最终编译后还是css。
html + css 手写漏斗图
qq_45832807的博客
07-10 1006
手写漏斗图
探索一个精美的商品橱窗布局：HTML与CSS的魔法
weixin_56334307的博客
07-10 507
通过这个示例，我们可以看到HTML和CSS的强大之处。仅仅使用这两个工具，我们就可以创建出既美观又实用的网页布局。这个商品橱窗布局不仅展示了CSS Grid布局的强大功能，还通过精心设计的样式和颜色搭配，为用户提供了一个舒适和吸引人的购物体验。希望这篇文章能帮助你更好地理解和应用HTML和CSS来创建自己的网页布局！
CSS 下拉菜单的设计与实现
Lesleyhnj的博客
07-09 361
CSS 下拉菜单是通过 CSS 和 HTML 结构实现的交互式菜单，通常包含触发器和下拉选项列表。它的设计旨在提供清晰的导航和用户友好的交互体验。通过合理的 CSS 样式和动画效果，可以使下拉菜单更具吸引力和易用性。
交通大学15年7月计算机控制技术在线作业考查课试题.pdf
07-14
本资源是一份交通大学15年7月的《计算机控制技术》在线作业考查课试题，主要涉及计算机控制系统基础知识和通信技术方面的内容。以下是部分试题及其知识点详解： 1. **接口电路** - 在计算机控制系统中，外部通道或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值