当前位置：首页 > news >正文

web前端基础CSS------美化页面“footer”部分

news 2025/10/21 14:46:02

一，实验代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>关于我们</title><style type="text/css">#footer{margin: 10px 0px;background: #f5f5f5;border: top 1px solid #eee ;}#footerCon{width: 1190px;margin: 10px auto 0px;}#footerCon #links{border-bottom: 1px solid #eee;overflow: hidden;padding-bottom: 20px;}#footerCon #links dl{float: left;width: 200px;margin-right: 52px;overflow: hidden;}#footerCon #links dl dt{color: #646464;padding-bottom: 10px;font-weight: 700;padding-left: 40px;font-size: 16px;}#footerCon #links dl dd{line-height: 25px;}#footerCon #otherLinks{height: 30px;line-height: 30px;text-align: center;}#footerCon #copyRight{line-height: 30px;text-align: center;}a {text-decoration: none;color: deepskyblue;}a:hover{color: red;}</style></head><body><div id="footer"><div id="footerCon"><div id="links"><dl><dt>用户指南</dt><dd><a href="guide.html">新手指南</a></dd><dd><a href="memberLevel.html">会员积分</a></dd><dd><a href="#">常见问题</a></dd><dd><a href="feedback.html">反馈调查</a></dd></dl><dl><dt>品牌服务</dt><dd><a href="#">闪电配送</a></dd><dd><a href="#">快捷支付</a></dd><dd><a href="#">售后保障</a></dd></dl><dl><dt>商家合作</dt><dd><a href="#">商家对接</a></dd><dd><a href="#">品牌资质</a></dd><dd><a href="#">进程流程</a></dd></dl><dl><dt>关于我们</dt><dd><a href="#">平台简介</a></dd><dd><a href="#">企业文化</a></dd><dd><a href="#">经营模式</a></dd><dd><a href="#">招贤纳士</a></dd></dl></div><div id="otherLinks"><a href="#">关于我们</a><a href="#">购物指南</a><a href="#">商家合作</a><a href="#">联系我们</a><a href="#">招贤纳士</a><a href="#">反馈调查</a><a href="#">反馈调查</a></div><div id="copyRight">Copyright &copy；2016 - 2026 MobileShop 版权所有| 消费者维权热线：408888888888</div></div></div></body>
</html>

二、实验结果

web前端基础CSS------美化页面“footer”部分

一，实验代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>关于我们</title><style type"text/css">#footer{margin: 10px 0px;background: #f5f5f5;border: top 1px solid #eee ;}#f…...

编程日记 2023/10/20 5:19:51

在中国，技术到底有多有用？

🙌秋名山码民的主页 😂oi退役选手，Java、大数据、单片机、IoT均有所涉猎，热爱技术，技术无罪 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 获取源码，添加WX 目录前言1.…...

编程日记 2023/10/20 5:18:50

《动手学深度学习 Pytorch版》 9.2 长短期记忆网络（LSTM）

解决隐变量模型长期信息保存和短期输入缺失问题的最早方法之一是长短期存储器（long short-term memory，LSTM）。它与门控循环单元有许多一样的属性。长短期记忆网络的设计比门控循环单元稍微复杂一些，却比门控循环单元早诞生了近 2…...

编程日记 2023/10/20 5:17:49

计算机操作系统-第十一天

目录 1、进程的状态创建态与就绪态运行态终止态新建态结束态进程状态的转换进程的组织方式链接方式（常见） 索引方式（少见） 本节思维导图 1、进程的状态创建态与就绪态 1、进程正在被创建时，处于…...

编程日记 2023/10/20 5:16:48

Flutter视图原理之StatefulWidget，InheritedWidget

目录 StatefulElement1. 构造函数2. build3. _firstBuild3. didChangeDependencies4. setState InheritedElement1. Element类2. _updateInheritance3. InheritedWidget数据向下传递3.1 dependOnInheritedWidgetOfExactType 4. InheritedWidget的状态绑定4.1. ProxyElement 在f…...

编程日记 2023/10/20 5:15:47

观察者模式-对象间的联动

有个商城小程序，用户希望当有新品上市的时候能通知他们。这样用户就可以不要时刻盯着小程序了。在这个场景中，用户向小程序订阅了一个服务——发送新品短信。小程序在有新品上线时负责向订阅客户发出这个消息。这就是发布-订阅模式，也称观察…...

编程日记 2023/10/20 5:14:46

Webpack十大缺点：当过度工程化遇上简单的静态页面

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云…...

编程日记 2023/10/20 5:13:45

新手指南｜如何快速参与Moonbeam Ignite

Moonbeam Ignite是社区熟悉的有奖链上交互活动，将有300万枚GLMR作为生态激励注入Moonbeam生态系统，体验MoonbeamMoonbeam生态的应用即可获取相应Token奖励。Beamex/Beamswap、Moonwell和Gamma作为首批参与Moonbeam Ignite的三家项目方，将在活…...

编程日记 2023/10/20 5:12:44

VR航天科普主题公园模拟太空舱体验馆vr航天模拟体验设备

VR航天航空体验馆巡展是一项非常受欢迎的展览活动，可以让公众在现场体验到航天飞行的乐趣。普乐蛙VR展览组织者会设计一个航天航空主题的VR体验馆，并在馆内设置各种航天航空相关的展示内容，如太空舱、火箭发射、星际航行等。其次&#xff0…...

编程日记 2023/10/20 5:11:43

Spring Boot OAuth 2.0整合详解

目录一、Spring Boot 2.x 示例 1、初始化设置 2、设置重定向URI 3、配置 application.yml 4、启动应用程序二、Spring Boot 2.x 属性映射二、CommonOAuth2Provider 三、配置自定义提供者（Provider）属性四、覆盖 Spring Boot 2.x 的自动配置…...

编程日记 2023/10/20 5:10:42

安装visual studio报错“无法安装msodbcsql“

在安装visual studio2022时安装完成后提示无法安装msodbcsql, 查看日志文件详细信息提示：指定账户已存在。未能安装包“msodbcsql,version17.2.30929.1,chipx64,languagezh-CN”。搜索 URL https://aka.ms/VSSetupErrorReports?qPackageIdmsodbcsql;PackageActi…...

编程日记 2023/10/20 5:09:42

webGL编程指南第三章矩阵平移三角形.translatedTriangle_Matrix

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助 git代码地址 ：git 接着上一节中我们使用矩阵进行旋转，这次我们使用矩阵实现位移 <!DOCTYPE html> <…...

编程日记 2023/10/20 5:08:41

修改echarts的tooltip样式折线图如何配置阴影并实现渐变色和自适应

图片展示一、引入echarts 这里不用多解释 vue里使用 import echarts from “echarts”; html页面引用js文件或用script标签引用二、定义一个具有宽高的dom div <div id"echart-broken" style"width:400px;height: 200px;"></div>三、定义…...

编程日记 2023/10/20 5:07:39

[论文笔记] SurroundOcc: Multi-Camera 3D Occupancy Prediction for Autonomous Driving

Wei, Yi, et al. “Surroundocc: Multi-camera 3d occupancy prediction for autonomous driving.” Proceedings of the IEEE/CVF International Conference on Computer Vision. 2023. 重点记录将占用网格应用到多个相机构成的3D空间中; 使用BEVFormer中的方法获取3D特征, …...

编程日记 2023/10/20 5:06:38

辅助驾驶功能开发-功能对标篇(16)-NOA 城市辅助系统-毫末智行

1.横向对标参数厂商毫末智行车型魏牌摩卡DHT-PHEV上市时间发布：2022年8月30日上市：2022年底前方案12V5R2L+1DMS摄像头前视摄像头*3【800W】侧视摄像头*4后视摄像头*1【800W】环视摄像头*4DMS摄像头*1雷达毫米波雷达*54D毫米波雷达/超声波雷达*12激光雷达*2【速腾聚创 M1，1…...

编程日记 2023/10/20 5:05:37

H3C的IRF堆叠互联关系说明

H3C IRF堆叠互联说明48口交换机连接方式IRF Port 两台设备第一台的51口第二台的51口irf-port 1/2 port group interface ten-gigabitethernet 1/0/51 port group interface ten-gigabitethernet 1/0/52第一台的52口第二台的52口irf-port 2/1 port group interface ten-gigabi…...

编程日记 2023/10/20 5:04:37

货物摆放（蓝桥杯）

货物摆放题目描述小蓝有一个超大的仓库，可以摆放很多货物。现在，小蓝有 n 箱货物要摆放在仓库，每箱货物都是规则的正方体。小蓝规定了长、宽、高三个互相垂直的方向，每箱货物的边都必须严格平行于长、宽、高。小蓝希望所有的…...

编程日记 2023/10/20 5:03:35

3782: 【C3】【穷举】弹珠游戏

目录题目描述输入输出样例输入样例输出题目描述游戏的内容是：在一个 n*n 的矩阵里，有若干个敌人，你的弹珠可以摧毁敌人，但只能攻击你所在的行、列里的所有敌人，然后你就可以获得他们的分数之和&#xff0…...

编程日记 2023/10/20 5:00:32

leetcode 5

leetcode 5 题目是通过枚举字符串，然后判断是否子字符串满足回文。引用传递和值传递相比，引用传递可以减少内存空间。提高代码运行效率。 https://www.cnblogs.com/yanlingyin/archive/2011/12/07/2278961.html...

编程日记 2023/10/20 4:59:31

centos中nacos设置开机自启动

以下实践亲测有效！ 1、在以下目录编辑新建nacos.service文件 vim /lib/systemd/system/nacos.service [Unit] Descriptionnacos Afternetwork.target [Service] Typeforking ExecStart/usr/local/nacos/bin/startup.sh -m standalone ExecReload/usr/local/nacos/b…...

编程日记 2023/10/20 4:58:30

PHP和Node.js哪个更爽?

先说结论，rust完胜。 php：laravel，swoole，webman，最开始在苏宁的时候写了几年php，当时觉得php真的是世界上最好的语言，因为当初活在舒适圈里，不愿意跳出来，就好比当初活在…...

编程新知 2025/9/14 7:59:52

解锁数据库简洁之道：FastAPI与SQLModel实战指南

在构建现代Web应用程序时，与数据库的交互无疑是核心环节。虽然传统的数据库操作方式（如直接编写SQL语句与psycopg2交互）赋予了我们精细的控制权，但在面对日益复杂的业务逻辑和快速迭代的需求时，这种方式的开发效率和可…...

编程新知 2025/8/13 16:42:24

CentOS下的分布式内存计算Spark环境部署

一、Spark 核心架构与应用场景 1.1 分布式计算引擎的核心优势 Spark 是基于内存的分布式计算框架，相比 MapReduce 具有以下核心优势： 内存计算：数据可常驻内存，迭代计算性能提升 10-100 倍（文档段落：3-79…...

编程新知 2025/10/11 6:25:35

质量体系的重要

质量体系是为确保产品、服务或过程质量满足规定要求，由相互关联的要素构成的有机整体。其核心内容可归纳为以下五个方面： 🏛️ 一、组织架构与职责质量体系明确组织内各部门、岗位的职责与权限，形成层级清晰的管理网络&#xf…...

编程新知 2025/8/3 5:51:09

【论文笔记】若干矿井粉尘检测算法概述

总的来说，传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度，通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...

编程新知 2025/10/14 10:52:24

【AI学习】三、AI算法中的向量

在人工智能（AI）算法中，向量（Vector）是一种将现实世界中的数据（如图像、文本、音频等）转化为计算机可处理的数值型特征表示的工具。它是连接人类认知（如语义、视觉特征）与…...

编程新知 2025/8/12 22:58:13

uniapp中使用aixos 报错

问题： 在uniapp中使用aixos，运行后报如下错误： AxiosError: There is no suitable adapter to dispatch the request since : - adapter xhr is not supported by the environment - adapter http is not available in the build 解决方案&…...

编程新知 2025/10/4 1:16:44

优选算法第十二讲：队列 + 宽搜优先级队列

优选算法第十二讲：队列宽搜 && 优先级队列 1.N叉树的层序遍历2.二叉树的锯齿型层序遍历3.二叉树最大宽度4.在每个树行中找最大值5.优先级队列 -- 最后一块石头的重量6.数据流中的第K大元素7.前K个高频单词8.数据流的中位数 1.N叉树的层序遍历 2.二叉树的锯…...

编程新知 2025/10/19 15:23:13

laravel8+vue3.0+element-plus搭建方法

创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...

编程新知 2025/10/15 0:25:46

Linux 中如何提取压缩文件？

Linux 是一种流行的开源操作系统，它提供了许多工具来管理、压缩和解压缩文件。压缩文件有助于节省存储空间，使数据传输更快。本指南将向您展示如何在 Linux 中提取不同类型的压缩文件。 1. Unpacking ZIP Files ZIP 文件是非常常见的，要在 …...

编程新知 2025/10/16 13:25:51

相关文章：