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

CSS 布局三大样式简单学习

news 2026/5/22 0:17:42

目录

1. css 浮动

1.1 效果1

1.2 效果2

1.3 效果3

1.4 效果4

2. css 定位

2.1 absolute

2.2 relative

2.3 fixed

3. css 盒子模型

3.1 效果1

3.2 效果2

3.3 效果3

3.4 效果4

1. css 浮动

1.1 效果1

1.2 效果2

1.3 效果3

1.4 效果4

2. css 定位

2.1 absolute

2.2 relative

2.3 fixed

3. css 盒子模型

padding 的原理：

3.1 效果1

3.2 效果2

3.3 效果3

3.4 效果4

相关文章：

CSS 布局三大样式简单学习

目录 1. css 浮动 1.1 效果1 1.2 效果2 1.3 效果3 1.4 效果4 2. css 定位 2.1 absolute 2.2 relative 2.3 fixed 3. css 盒子模型 3.1 效果1 3.2 效果2 3.3 效果3 3.4 效果4 1. css 浮动 1.1 效果1 1.2 效果2 1.3 效果3 1.4 效果4 2. css 定位 2.1 absolute 2.2 …...

编程日记 2024/9/23 8:58:11

集成运放UA741的原理与应用的探索

我们发现TI公司提供了UA741的内部电路，此电路包括22个晶体管，11个电阻，1个二极管，1个电容。 1UA741设计需求 1.1有短路保护 UA741的短路保护功能‌是指当输出端发生短路时，该器件能够自动保护自身，防止因…...

编程日记 2024/9/23 8:56:08

LeetCode337. 打家劫舍III

// 很好的一道题目，既考察递归又考察动归 // 这个版本超时了，原因是暴搜 // 很显然这里使用的是前序，那是不是应该考虑后序？public int rob(TreeNode root) {if (root null) {return 0;}if (root.left null && root.rig…...

编程日记 2024/9/23 8:54:04

python基础(二) 包和import

包的创建 文件创建命令 在 Django 中，python manage.py startapp first_app 这一行命令的作用是创建一个新的应用（app），名为 first_app。在 Django 项目中，"app" 是实现某些功能模块的单独部分&#xff0c…...

编程日记 2024/9/23 8:52:02

选址模型 | 基于混沌模拟退火粒子群优化算法的电动汽车充电站选址与定容（Matlab）

目录 效果一览基本介绍程序设计参考资料 效果一览 基本介绍 基于混沌模拟退火粒子群优化算法的电动汽车充电站选址与定容（Matlab） 问题建模：首先，需要将电动汽车充电站选址与定容问题进行数学建模，确定目标函数和约束…...

编程日记 2024/9/23 8:49:59

WPF入门教学十 资源与字典

在WPF（Windows Presentation Foundation）中，资源与字典是用于管理和重用UI元素的重要机制。它们不仅有助于保持XAML代码的整洁，还能提升应用程序的性能和可维护性。以下是关于WPF资源与字典的详细说明： 静态资源与动态…...

编程日记 2024/9/23 8:47:57

Ubuntu20.04配置NVIDIA+CUDA12.2+CUDNN【附所有下载资源】【亲测有效】【非常详细】

Ubuntu20.04 安装 cudatookit 12.2 cudnn 安装_ubuntu安装cuda toolkit-CSDN博客【最新】cuDNN在CUDA11.7Ubuntu20.04下的安装及卸载_cuda11.7对应的cudnn-CSDN博客...

编程日记 2024/9/23 8:46:56

Golang | Leetcode Golang题解之第424题替换后的最长重复字符

题目： 题解： func characterReplacement(s string, k int) int {cnt : [26]int{}maxCnt, left : 0, 0for right, ch : range s {cnt[ch-A]maxCnt max(maxCnt, cnt[ch-A])if right-left1-maxCnt > k {cnt[s[left]-A]--left}}return len(s) - left }f…...

编程日记 2024/9/23 8:45:54

软考高级：系统安全 -区块链特点：去中心化、开放性、自治性、安全性、匿名性

讲解 生活化例子 想象一下，你和朋友们玩一个共享账本的游戏。每个人都可以在账本上记账，没人可以单独改动账本，大家都可以随时查看账本内容，也不用再信任某个单独的人来管理账本。这就类似于区块链的工作原理。 概念讲解 去中…...

编程日记 2024/9/23 8:44:53

Pandas 数据分析入门详解

今日内容大纲介绍 DataFrame读写文件 DataFrame加载部分数据 DataFrame分组聚合计算 DataFrame常用排序方式 1.DataFrame-保存数据到文件 格式 df对象.to_数据格式(路径) ​ # 例如: df.to_csv(data/abc.csv) 代码演示 如要保存的对象是计算的中间结果，或者以…...

编程日记 2024/9/23 8:43:53

【网络】高级IO——epoll版本TCP服务器初阶

目录 前言 一，epoll的三个系统调用接口 1.1.epoll_create函数 1.1.1.epoll_create函数干了什么 1.2. epoll_ctl函数 1.2.1.epoll_ctl函数函数干了什么 1.3.epoll_wait函数 1.3.1.epoll_wait到底干了什么 1.4.epoll的工作过程中内核在干什么 二，…...

编程日记 2024/9/23 8:42:51

xml中的转义字符

文章目录 xml中的转义字符 xml中的转义字符 &amp;对应的字符是& <对应的字符是< >对应的字符是> &quot;对应的字符是" &apos;对应的字符是转义的实体引用虽然简单易用&#xff0c;但是需要记忆&#xff0c;而且如果字符串中包含大量的特殊字…...

编程日记 2024/9/23 8:40:49

Webpack：现代前端项目的强大打包工具

在现代前端开发中&#xff0c;随着应用的复杂性不断提高&#xff0c;我们需要一种工具来管理项目的依赖、优化代码结构并打包资源文件。Webpack 就是这样一个强大的打包工具&#xff0c;它为前端开发者提供了灵活、强大且可扩展的功能。本文将介绍 Webpack 的基本概念、安装与使…...

编程日记 2024/9/23 8:37:46

以root用户登陆ubuntu的桌面环境

去我的个人博客观看&#xff0c;观感更佳哦&#xff0c;&#x1f619;&#x1f619; 前言 在学习Linux的时候&#xff0c;经常都需要使用sudo权限来对配置文件进行修改&#xff0c;常用的方法就是用vim编辑器在命令行界面进行修改&#xff0c;比如sudo vim /etc/profile&#…...

编程日记 2024/9/23 8:35:38

《系统架构设计师教程（第2版）》第17章-通信系统架构设计理论与实践-04-其他网络架构（存储网络架构、软件定义网络架构）

文章目录 1. 存储网络架构1.1 网络连接存储 (NAS)1.2 存储区域网络&#xff08;SAN&#xff09; 2. 软件定义网络架构2.1 软件定义网络&#xff08;SDN&#xff09;2.2 SDN架构2.3 相关技术2.3.1 控制平面技术2.3.2 数据平面技术1&#xff09; 硬件处理方式4&#xff09; 软件处…...

编程日记 2024/9/23 8:34:37

大话Python｜基础语法（上）

一、单行注释 以下代码输出一个Hello World&#xff01;字符串 在Python代码中&#xff0c;注释会自动被Python解析器忽略 print(Hello World) 二、多行注释 在Python代码中&#xff0c;注释一共有两种形式&#xff1b; 1、单行注释&#xff1a;注释的内容只有一行 2、多行…...

编程日记 2024/9/23 8:32:35

crosscrossover24支持的游戏有那些

CrossOver刚刚更新了24版本&#xff0c;支持《地平线零之曙光》、《以撒的结合&#xff1a;重生》等游戏。一起来看看它有哪些更新吧&#xff01;之前买过23版的用户可以在1年之内免费升级哦&#xff0c;点击这里查看升级教程。 一、功能优化 - 更新 Wine 至最新的稳定版 Wine …...

编程日记 2024/9/23 8:31:33

如何免费调用GPT API进行自然语言处理

在当今这个信息爆炸的时代&#xff0c;自然语言处理&#xff08;NLP&#xff09;技术正逐步渗透到我们生活的各个方面&#xff0c;从智能客服到内容创作&#xff0c;无一不彰显着其强大的应用价值。而GPT&#xff08;Generative Pre-trained Transformer&#xff09;作为NLP领域…...

编程日记 2024/9/23 8:29:31

vue无感刷新Token并重新请求

vue 拦截器拦截401重新请求Token 无感刷新Token 之后重新请求报401的接口 instance.interceptors.response.use(async (response) > {let { data } response;if (data.code 401 || data.code 403) {return await handleExpiredToken(response.config);}if (data.code ! …...

编程日记 2024/9/23 8:25:21

C++和OpenGL实现3D游戏编程【连载10】——纹理的半透明显示

1、本节实现的内容 上一节课我们讲到了图片的镂空显示，它能在显示图片时去除指定颜色的背景，那么这节课我们来说一下图片的半透明显示效果，半透明效果能给画面带来更高质量的提升，使图片显示的更自然，产生更真实的效果。下面是一个气泡向上漂浮的效果。 气泡效果 2、非纹…...

编程日记 2024/9/23 8:23:20

2026有赞春季发布会：有效果的AI驱动增长，智能体和数字员工交出成绩单

5月21日&#xff0c;有赞2026年春季发布会在杭州举办&#xff0c;主题是“有效果的AI”。过去一年&#xff0c;有赞智能体和数字员工已经迈入交付结果的新阶段。数据显示&#xff0c;2025年有赞AI智能体活跃使用商家18220个&#xff0c;整体调用量超3600万次&#xff0c;引导成…...

编程新知 2026/5/21 23:32:48

宏裕塑胶携手沙伯基础创新塑料，打造高端工程塑料解决方案

导读&#xff1a;在制造业转型升级的关键节点&#xff0c;高端工程塑料解决方案正成为企业提升产品竞争力的核心要素。宏裕塑胶携手沙伯基础创新塑料&#xff0c;打造高端工程塑料解决方案&#xff0c;通过整合国际顶尖原料资源与本土技术服务能力&#xff0c;为下游企业提供兼…...

编程新知 2026/5/21 21:46:43

AI大模型推理并行策略：DP、TP、PP、SP、EP的基本原理

在做大模型推理部署的时候，经常会碰到模型参数量太大，一块GPU的显存装不下，或者单块GPU的算力跟不上推理速度的情况，这时候就需要用并行策略来解决这些问题。 因为计算的流程不一样，推理和训练用到的并行策略在实现上也不一样。 这篇文章就是帮大家快速搞懂常见并行策略…...

编程新知 2026/5/21 19:42:26

Java Excel导出：如何实现自定义表头与字段顺序的完全控制

背景 在最近的项目开发中&#xff0c;我遇到了一个常见的需求&#xff1a;Excel导出的列顺序必须与前端页面表格的显示顺序完全一致。这听起来很简单&#xff0c;但在实际实现中却遇到了不少挑战&#xff0c;特别是当表格包含多级表头和展开字段时。 今天我就来分享一下这个问…...

编程新知 2026/5/21 19:10:55

西方垃圾思维在中国 AI 大模型中的渗透机制与贾子理论替代范式研究

西方垃圾思维在中国 AI 大模型中的渗透机制与贾子理论替代范式研究摘要&#xff1a; 西方垃圾思维&#xff08;WCG&#xff09;正通过“伪自主”模式深度渗透中国主流AI大模型。百度文心、讯飞星火等模型表面宣称“自主研发”“遵循社会主义核心价值观”&#xff0c;实则借助标…...

编程新知 2026/5/21 17:56:28

WanAndroid收藏系统设计：从UI交互到数据持久化的完整方案

WanAndroid收藏系统设计&#xff1a;从UI交互到数据持久化的完整方案 【免费下载链接】WanAndroid &#x1f525;项目采用 Kotlin 语言&#xff0c;基于 MVP RxJava Retrofit Glide EventBus 等架构设计&#xff0c;努力打造一款优秀的 [玩Android] 客户端 项目地址: htt…...

编程新知 2026/5/21 16:46:31

抓包科普小知识

1、什么是抓包 抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作&#xff0c;通过抓包可以&#xff1a; 分析网络问思路就是设置一个中间人进程负责抓包&#xff0c;每次目标进程之间的会话都先与中间人进程通信&#xff0c;再进行转发。业务分析分析网…...

编程新知 2026/5/21 15:31:33

macOS Homebrew 安装 MySQL

一、安装 MySQL1. 安装完整版 MySQL&#xff08;服务端全套客户端&#xff09;# 安装最新版 MySQL brew install mysql说明&#xff1a;brew install mysql 包含服务端 mysqld 命令行客户端 mysql自带工具&#xff1a;mysql、mysqldump、mysqladmin、mysqlshow 等常用运维工具…...

编程新知 2026/5/21 15:29:21

Markdown怎么转换成txt？5种方法+在线工具对比2026最全指南

在日常工作中&#xff0c;Markdown格式的文件越来越常见&#xff0c;但有时候我们需要将其转换为纯文本格式来适应不同的应用场景。本文将为你详细介绍md转txt的多种方法&#xff0c;包括本地转换、在线工具、编程方案等&#xff0c;帮助你快速找到最适合的解决方案。为什么需要…...

编程新知 2026/5/21 14:28:07

安捷伦E8257D/E8267D信号源不开机、输出不正常故障排查

安捷伦E8257D/E8267D信号源作为射频微波测试领域的常用设备&#xff0c;广泛应用于通信、半导体等行业&#xff0c;长期高负荷运行后&#xff0c;不开机、输出不正常等故障十分常见&#xff0c;给测试工作带来诸多困扰。常见故障一&#xff1a;安捷伦E8257D/E8267D不开机不开机…...

编程新知 2026/5/21 13:13:10