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

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

news 2026/4/2 16:57:48

一，实验代码

<!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

Ostrakon-VL-8B部署指南：快速搭建支持图片问答的智能系统

Ostrakon-VL-8B部署指南：快速搭建支持图片问答的智能系统 1. 系统概述 Ostrakon-VL-8B是一款专为零售和餐饮场景优化的多模态视觉理解系统。它能像人类一样"看懂"图片内容，并回答与图片相关的各种问题。这个系统基于Qwen3-VL-8B模型微调而…...

编程新知 2026/4/2 15:12:45

八股文的终结：为什么2026年大厂面试开始大规模考察“内存安全”？

在2026年的北美IT求职市场中，底层系统开发（Infrastructure, Backend, Systems Engineering）岗位的技术面试逻辑正在经历一场深刻的底层范式转换。过去几年中，候选人凭借熟练背诵C虚函数表、STL底层源码剖析、以及各类设计模式等标…...

编程新知 2026/4/2 14:46:21

EcomGPT-7B镜像免配置实操：Docker Compose一键编排（含Redis缓存服务）

EcomGPT-7B镜像免配置实操：Docker Compose一键编排（含Redis缓存服务） 你是不是也遇到过这样的烦恼？想试试最新的AI电商大模型，结果光是环境配置就折腾了大半天。各种Python版本、PyTorch版本、依赖库冲突，…...

编程新知 2026/4/2 12:13:37

实测Claude 4.5 Opus重构“屎山”代码：手把手教你用AI给遗留项目做外科手术（附前后对比与单元测试生成）

实测Claude 4.5 Opus重构“屎山”代码：手把手教你用AI给遗留项目做外科手术（附前后对比与单元测试生成） 接手一个满是"祖传代码"的老旧项目，就像被丢进一座迷宫——变量命名像密码，函数逻辑像意大利面&…...

编程新知 2026/4/2 9:08:43

SpringBoot 整合 MyBatis 完整实战

SpringBoot MyBatis 可以说是国内后端开发最经典、最常用的组合了。本篇文章就来介绍一下SpringBoot如何整合MyBatis，实现数据表的增删改查。一、引言SpringBoot 整合 MyBatis 是国内 Java 后端最主流的持久层方案：• 灵活可控，SQL 可优化、…...

编程新知 2026/4/2 9:04:41

LeetCode 最长回文子串：python 题解

一、核心问题及解决方案（按踩坑频率排序） 问题 1：误删他人持有锁——最基础也最易犯的漏洞成因：释放锁时未做身份校验，直接执行 DEL 命令删除键。典型场景：服务 A 持有锁后，业务逻辑耗时超过锁…...

编程新知 2026/4/2 7:51:31

Windows DLL注入终极指南：Xenos工具完全解析

Windows DLL注入终极指南：Xenos工具完全解析【免费下载链接】Xenos Windows dll injector 项目地址: https://gitcode.com/gh_mirrors/xe/Xenos 你是否曾需要向Windows进程注入DLL文件，但发现传统方法复杂且不稳定？Xenos正是为解决这…...

编程新知 2026/4/2 7:43:23

palworld-host-save-fix：跨环境存档迁移的技术突破与实践指南

palworld-host-save-fix：跨环境存档迁移的技术突破与实践指南【免费下载链接】palworld-host-save-fix 项目地址: https://gitcode.com/gh_mirrors/pa/palworld-host-save-fix 一、问题溯源：幻兽帕鲁存档迁移的核心挑战核心价值：深…...

编程新知 2026/4/2 7:02:56

【架构心法】撕碎“实验室完美”的傲慢！直视滚刀与高压现场的物理混沌，论工业级控制系统的“防御性悲观主义”

摘要：在纯净的实验室里，“1”永远是“1”，“0”永远是“0”。但在重型机械的施工现场，物理法则充满了不可预测的恶意。无数工程师带着“代码没 Bug 就不会死机”的天真走向现场，最终却在震动、高温与电磁噪声的围剿下全…...

编程新知 2026/4/2 6:50:40

从一次时序违例修复说起：实战中set_multicycle_path与时钟使能(CE)的配合使用指南

从一次时序违例修复说起：实战中set_multicycle_path与时钟使能(CE)的配合使用指南在FPGA设计流程中，时序收敛往往是最后阶段最令人头疼的问题之一。特别是当设计中使用时钟使能(Clock Enable, CE)信号进行功耗优化时，默认的单周期时序约束可…...

编程新知 2026/4/2 6:48:40

相关文章：