丶极致-优快云博客

上期介绍了CSS实现div水平居中的五种方法，下面介绍CSS实现div垂直居中的几种方法。弹性布局实现div垂直居中的思路是一样的,当我们没有对主轴进行设置时，使用。标签，设置高度100%，再将d2和这个空的span设置为。上下留白实现视觉效果上的垂直居中。,思路和水平居中是一样的，详解可以看上一篇。5.通过定位实现div垂直居中。弹性布局实现div垂直居中。定位实现div垂直居中。标签实现div居中对齐。这里呢我们首先在d1中添加一个空的。对垂直方向进行设置。

2023-02-22 15:00:14 759

原创 CSS 实现DIV水平垂直居中(一)

以下介绍五种CSS实现DIV水平居中的方法，首先准备两个DIV，演示五种不同的方式实现DIV水平居中，代码仅对CSS部分做出修改，效果均如图所示。时，这个DIV两边分配得外边距相等，从而达到水平居中的效果。是相对d1的宽度来说的，所以d2会对齐d1的中线位置，因此要实现水平居中对齐还需要d2还需要向左移动自身的一半。来实现，但如果这个值并不是固定的，可能会发生变化的时候，我们可以使用CSS3中的。在我们不设置主轴的情况下，默认X轴为主轴，而且我们设置了这个主轴上面排列方式为。实现div水平居中。

2023-02-21 21:13:29 2008

原创 DIV+CSS 二级菜单实现

DIV+CSS实现二级菜单在网页制作中我们经常会用到的这样的导航栏+二级菜单布局实现效果如下：设计思路就是通过 ul li 的双重嵌套来实现二级菜单，l利用display:none将二级菜单默认隐藏，li:hover鼠标悬浮时再将其显示出来。需要注意的是：1.需要清除掉网页的原始属性以防止二级菜单错位*{margin:0;padding:0;}2.在一级菜单中使用display: block; float:left 使其横向显示3.使用绝对对位然后使二级菜单默认隐藏position:a

2022-05-01 13:20:46 5903

原创 CSS 跳动爱心——情人节

马上又到情人节了，今天用HTML+CSS写一个跳动爱心的小网页，超级简单，可以根据自己的需求改动。快来看看吧！首先html部分代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>I love you</title> </head><body> <div class="h

2022-02-11 11:11:59 1608

原创第四章 Javascript 函数

函数是由一连串的子程序（语句的集合）所组成的，可以被外部程序调用，向函数传递参数之后，函数可以返回一定的值。这里要注意的是JavaScript中的函数也是一个对象，使用typeof检查一个函数对象时，会返回function。

2022-01-02 11:04:46 866

原创第三章 JavaScript 流程控制

3.1 条件判断语句3.1.1 if 判断语句3.1.2 if...else 语句3.1.3 if...else if...else 语句3.1.4 switch 语句3.2 循环语句3.2.1 while 语句3.2.2 do...while 语句3.2.3 for 语句3.2.4 for/in 语句3.3 跳转语句3.3.1 continue 语句3.3.2 break 语句3.1 条件判断语句if判断语句switch多分支语句3.1.1 if 判断语句语法格式：if (express.

2021-12-26 10:56:07 1066

原创第二章 JavaScript 基本语法

2.1 标识符所谓标识符，就是指给变量、函数、属性或函数的参数起名字。标识符可以是按照下列格式规则组合起来的一或多个字符：第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。其它字符可以是字母、下划线、美元符号或数字。按照惯例，ECMAScript 标识符采用驼峰命名法。标识符不能是关键字和保留字符。关键字：保留字符：其他不建议使用标识：2.2 常量和变量程序执行过程中，其值不能被改变的称为常量，其值能被改变的称为变量。2.2.1 常量常量是指在程序运行过

2021-12-22 15:13:36 2060 1

原创第一章 JavaScript 简介

1.1 JavaScript的起源JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。比如：用户名的长度，密码的长度，邮箱的格式等。但是，有的同学可能会有疑问，这些验证，后端不也可以进行验证吗？确实，后端程序的确可以进行这些验证，但你要清楚，在1995年那个年代，网速是非常慢的，向后端发送一个请求，浏览器很久才能得到响应，那这无疑是一种非常不好的用户体验。为了解决前端验证的问题，当时的浏览器巨头NetScape（网景）

2021-12-22 15:09:12 148

原创 Python_smtplib、email模块简单邮件发送

SMTP是发送邮件的协议，Python内置对SMTP的支持，可以发送纯文本邮件、HTML邮件以及带附件的邮件。Python对SMTP支持有smtplib和email两个模块，email负责构造邮件，smtplib负责发送邮件。

2021-12-14 18:57:16 4152 1

原创 Python_Openpyxl模块.Excel数据处理

初识Python_Openpyxl模块目录初识Python_Openpyxl模块1. 安装Openpyxl模块3. 创建工作簿并保存4. 打开本地工作簿并新建工作表5. 写入数据6.遍历数据7.表格样式8.补充附录1. 安装Openpyxl模块pip install openpyxl导入Openpyxl模块 import openpyxl from Workbook下面让我们来开始操作excel3. 创建工作簿并保存from openpyxl import Workbookwb

2021-12-12 17:39:26 1726 4

qq_42758330的博客

原创我的创作纪念日

原创 CSS 实现DIV水平垂直居中(二)