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

小兔鲜儿：头部区域的logo,导航，搜索，购物车

news 2026/4/14 14:50:13

头部：logo ,导航，搜索，购物车

头部总体布局:
设置好上下外边距以及总体高度， flex布局让总体一行排列

logo：

logo考虑搜索引擎优化，所以要使用 h1中包裹 a 标签，a 里边写内容（到时候直接将字号设置为0，就不影响logo图片的展示了）

导航区域

调整导航中 li 的布局样式

调整 li 中文字样式（base.css中文字样式字体·已经设置为 16而且文字颜色设置为了#333，所以文字样式要是这两个那么就不用再设置了）

设置鼠标悬停时，a 中出现底部绿色边框线，以及文字颜色是变成绿色。

padding加给 a ，当鼠标悬停时，边框线出现以及文字内容变成绿色

搜索区域：
浏览器优先生效 input标签宽度，所以设置 flex:1;不生效，所以先将input宽度width 置0

购物车区域：

设置购物车字体图标
设置右上角商品数量（子绝父相，设置商品数量文字左对齐，右对齐的话内容向左撑开，可能盖住其他内容）

小兔鲜儿：头部区域的logo,导航，搜索，购物车

头部：logo ,导航，搜索，购物车头部总体布局: 设置好上下外边距以及总体高度， flex布局让总体一行排列 logo： logo考虑搜索引擎优化，所以要使用 h1中包裹 a 标签，a 里边写内容（到时候…...

编程日记 2025/1/7 9:22:20

什么是VLAN？

VLAN（Virtual Local Area Network，虚拟局域网）是一种将物理局域网划分成多个逻辑上独立的虚拟网络的技术。VLAN不依赖于设备的物理位置，而是通过逻辑划分，将局域网内的设备虚拟地组织到同一组。这种技术允许网络管理员…...

编程日记 2025/1/7 9:21:19

WPS计算机二级•数据查找分析

听说这里是目录哦通配符🌌问号（?）星号（*）波形符（~） 排序🌠数字按大小排序以当前选定区域排序以扩展选定区域排序文字按首字母排序快速筛选分类数据☄️文字筛选数字筛选颜色筛选…...

编程日记 2025/1/7 9:19:14

计算机网络（28）虚拟专用网VPN

前言虚拟专用网络（VPN）是一种在公共网络上建立私有网络连接的技术，它允许远程用户通过加密通道访问内部网络资源，实现远程办公和安全通信。一、基本概念定义：VPN是一种通过公共网络（如互联网&#xff09…...

编程日记 2025/1/7 9:17:11

【Python学习（七）——序列、列表、元组、range、字符串、字典、集合、可变类型不可变类型】

Python学习（七）——序列、列表、元组、range、字符串、字典、集合、可变类型&不可变类型本文介绍了序列、列表、元组、range、字符串、字典、集合、可变类型&不可变类型，仅作为本人学习时记录，感兴趣的初学者可以一起看…...

编程日记 2025/1/7 9:16:11

MATLAB常用建模方法——常用非参数检验

常用非参数检验在用样本数据对正态总体参数作出统计判断（例如参数估计和假设检验）时，要求样本数据应服从正态分布，这种数据分布类型已知的总体参数的假设检验称为参数假设检验。与参数假设检验相对应的还有非参数假设检验&#…...

编程日记 2025/1/7 9:14:07

【多线程初阶篇 ²】创建线程的方式

目录二、多线程代码 1.继承Thread类 2.实现Runnable接口 3.匿名内部类 3.1 创建Thread⼦类对象 3.2 创建Runnable⼦类对象 4.lambda表达式（推荐） 小结： 🔥面试题：Java中创建线程都有哪些写法二、多线程代码 …...

编程日记 2025/1/7 9:11:05

纵览！报表控件 Stimulsoft Reports、Dashboards 和 Forms 2025.1 新版本发布！

Stimulsoft 2025.1 新版发布，旨在增强您创建报告、仪表板和 PDF 表单的体验！此最新版本为您带来了许多改进和新功能，使数据处理更加高效和用户友好。亮点包括对 .NET 9 的支持、Microsoft Analysis Services 的新数据适配器、发布向导中适用于…...

编程日记 2025/1/7 9:10:03

游戏引擎学习第75天

仓库:https://gitee.com/mrxiao_com/2d_game_2 Blackboard: 处理楼梯通行为了实现楼梯的平滑过渡和角色的移动控制，需要对楼梯区域的碰撞与玩家的运动方式进行优化。具体的处理方式和遇到的问题如下： 楼梯区域的过渡： 在三维空间中&#x…...

编程日记 2025/1/7 9:08:00

Java 23 集合框架详解：Set 接口及实现类（HashSet、TreeSet、LinkedHashSet）

📚 Java 23 集合框架详解：Set 接口及实现类（HashSet、TreeSet、LinkedHashSet） 📖 概述 Set 是 Java 集合框架中用于存储无序、不重复元素的接口。它的实现类包括 HashSet、TreeSet 和 LinkedHashSet，它…...

编程日记 2025/1/7 9:05:58

ARMv8架构 CortexR52+ 内核 coresight_soc400介绍

前言：笔者在工作中接触到了一款多核芯片，其采用的处理器为CortexR52，使用的架构为ARMv8，我通过CoreSight SOC-400组件完成了对该芯片烧录代码的开发。这里芯片型号就不透露了，本文仅介绍我自己从ARM官网上提供的R52核等…...

编程日记 2025/1/7 9:04:57

1.Python浅过（语法基础）

1.简介 Python是一种面向对象的解释型高级编程语言，是强类型的动态脚本语言。解释型语言跨平台性比编译型语言（如c语言）好。 print("hello world")2.Bug,Debug 多看，多思考，多尝试、查资料、记录 3.prin…...

编程日记 2025/1/7 9:03:56

ioremap_nocache函数

ioremap_nocache 是 Linux 内核中用于将物理地址映射到内核虚拟地址空间的函数，特别是用于 I/O 内存映射，并且禁用缓存。一、基本语法 void __iomem *ioremap_nocache(phys_addr_t phys_addr, size_t size); 二、基本功能将物理内存地址映射到内核虚拟…...

编程日记 2025/1/7 8:59:49

【235. 二叉搜索树的最近公共祖先中等】

题目： 给定一个二叉搜索树, 找到该树中两个指定节点的最近公共祖先。百度百科中最近公共祖先的定义为：“对于有根树 T 的两个结点 p、q，最近公共祖先表示为一个结点 x，满足 x 是 p、q 的祖先且 x 的深度尽可能大（一…...

编程日记 2025/1/7 8:58:48

构建智能企业：中关村科金大模型企业知识库的技术解析与应用

在数字化转型的浪潮中，企业对智能化知识管理的需求日益增长。知识作为企业的核心资产，其高效管理和应用对于提升企业运营效率和决策质量至关重要。中关村科金大模型企业知识库凭借其强大的技术架构和广泛的应用场景，成为构建智能企业的重要工…...

编程日记 2025/1/7 8:57:40

C++进阶——用Hash封装unordered_map和unordered_set

目录前言源码怎么说为什么要兼容？ 兼容的具体做法？ 为什么要把Key转为整数（HashFcn）？ 模拟实现一、建立框架二、迭代器运算符重载迭代器兼容大法三、[ ]重载四、实现不能修改key 实现及测试代码 …...

编程日记 2025/1/7 8:56:38

b612相机 13.5.5解锁会员hook

工具 lspatch（点击选最新版本下载） shizuku（点击选最新版本下载） SimpleHook（点击选最新版本下载） b612（自行百度下载） 效果图教程 [{"packageName":"com.camp…...

编程日记 2025/1/7 8:55:37

iOS - 弱引用表（Weak Reference Table）

1. 基本数据结构 // 弱引用表的基本结构 struct weak_table_t {weak_entry_t *weak_entries; // 保存所有的弱引用对象size_t num_entries; // 当前存储的弱引用数量uintptr_t mask; // 哈希表大小掩码uintptr_t max_hash_displacement; /…...

编程日记 2025/1/7 8:54:29

C#语言的网络编程

C#语言的网络编程引言随着互联网的飞速发展，网络编程成为了软件开发中的一个重要领域。C#语言作为一种现代编程语言，凭借其丰富的类库、良好的可读性和强大的功能，广泛应用于开发各种网络应用程序。无论是Windows应用、Web应用还是云服务…...

编程日记 2025/1/7 8:50:22

【操作系统】课程 4调度与死锁同步测练章节测验

4.1知识点导图处理机调度与死锁相关内容的文字整理： 基本准则资源利用率：使系统中的处理机和其他所有资源都尽可能地保持忙碌状态。系统吞吐量：单位时间内系统所完成的作业数。公平性：使各进程都获得合理的CPU时间，而…...

编程日记 2025/1/7 8:48:20

tsMuxer视频封装技术解析：无损转码与蓝光兼容性优化方案

tsMuxer视频封装技术解析：无损转码与蓝光兼容性优化方案【免费下载链接】tsMuxer tsMuxer is a transport stream muxer for remuxing/muxing elementary streams, EVO/VOB/MPG, MKV/MKA, MP4/MOV, TS, M2TS to TS to M2TS. Supported video codecs H.264/AVC, H.2…...

编程新知 2026/4/14 13:28:14

B站会员购抢票神器：多平台实时通知系统完整指南

B站会员购抢票神器：多平台实时通知系统完整指南【免费下载链接】biliTickerBuy b站会员购购票辅助工具项目地址: https://gitcode.com/GitHub_Trending/bi/biliTickerBuy 你是否曾经因为错过心仪演出门票的开售时间而懊恼不已？是否在抢票过程中…...

编程新知 2026/4/14 12:47:11