<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> @keyframes myfirst { 0% { transform: rotateY(0deg) } 100% { transform: rotateY(360
LeetCode42 接雨水 维护一个单调栈，单调栈存储的是下标，满足从栈底到栈顶的下标对应的数组 height 中的元素递减 每次遇到大于栈顶元素的值时进行答案累计 class Solution: def trap(self, height: List[int]) -> int: ans, stack, l = 0, [], len(height) fo
第24课 体质指数BMI--bug与debug 体质指数（BMI）由19世纪中期比利时的通才凯特勒最先提出，是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准。它的计算方法如下： 体质指数（BMI）＝体重（kg）/身高（m）的平方 以上标准只适合于成年人，试编一程序，根据体重、身高，判断其胖瘦程度。 流程图如下
为了适应各种屏幕的效果，页面采用了缩放功能，按照设定好的比例全屏铺满。 html <body> <div class="box" id="body"> <p>按F11全屏显示</p> <div class="bottom"> <p>底部全屏可见</p> </div>
自动轮播，并添加手势滑动偏移 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont
height:200px; 文字在上面 height:200px; line-height：200px; 此时单行文字在div里居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
批量导入（带信息反馈）： <!-- 批量创建 批量导入 --> <file @refresh="refresh"></file> 组件： <template> <div class="export-wrap"> <el-upload class="upload-demo" action="#" :befor
文章首次发表：_时雨_CSDN 1. BFC:块级格式化上下文（重点关注） BFC基本概念:BFC是 CSS布局的一个概念，是一块独立的渲染区域(环境)，里面的元素不会影响到外部的元素。 BFC原理(渲染规则、布局规则): (1)内部的 Box会在垂直方向，从顶部开始一个接着一个地放置; (2)Box垂直方向的距离由 mar
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css跳动的loading
问题 如题所示 答案 css3 vh单位使用 CSS3新vw, vh单位 css3新单位vw、vh、vmin、vmax的使用详解 vh，指的是Viewport height，也就是视窗的高度。而什么是视窗呢？ 视窗单位-vw/vh/vmin/vmax 如下图所示，浏览器显示内容的部分，其中也包括滚动条，不包括地址栏、搜索栏、标签栏等： 相关源码：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在img中上添加版心</title> <style> *{ margin: 0; padding:0; } .banner{
筛子三点布局 思路是使用flex布局或中，弹性子项中的align-self属性 align-self属性可以覆盖弹性容器中的align-items的值, 让子项设置自己的布局属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c
这种要实时监听.getBoundingClientRect().top <div></div> 1. 获取可视区域高度 height = document.body.offsetHeight 2. 获取元素距离浏览器 body 的 top border的距离 distanceBodyAbove = document.querySelector('div').getBoundingClientRect().top 如果height < distanceB
如果用户定义有参构造函数 c++不再提供默认无参构造 但是会提供默认拷贝构造 如果用户定义拷贝构造函数，c++不会再提供其他构造函数 创建一个类，c++编译器会给每个类都添加至少三个函数 默认构造 析构函数 拷贝构造 深拷贝和浅拷贝 浅拷贝：简单的赋值拷贝操作 深拷贝：在堆区重
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
css 实现炫酷的条纹进度条效果 原创2022-06-14 16:47·前端石三 效果图： html： <!--进度条--> <div class="progress-wrap"> <div class="progress-inner"> <div class="progress-nums"></div> </div> <span>60
1.html的基本认识。快速创建页面用!+enter，标签有嵌套关系以及并列关系。标签选择器可以直接选择所有同名的标签，格式为标签名{属性：属性值；}类名选择器类似，且类名可以重复，一个标签可以有多个类名。 <!-- 快速创建页面 1.!+enter --> <!-- 标签 1.嵌套关系 2.并列
.fade-in-top { // 收缩 overflow: hidden; transition: max-height 0.5s ease-out; -webkit-transform: max-height 0.5s ease-out; max-height: 0; } .slide-out-top { // 展开 max-height: 3000px; // 尽可能大 不过满足最大高度即可 transition: max-height
原题链接在这里：https://leetcode.com/problems/russian-doll-envelopes/ 题目： You are given a 2D array of integers envelopes where envelopes[i] = [wi, hi] represents the width and the height of an envelope. One envelope can fit into another if and only if both
1.实现下图（postion定位方法） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二</title><style type="text/css"> *{ margin: 0; } .pss_left{ position: absolute; width:100px ; heigh
index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport&qu
问题描述 如图所示，要使得一个图片和一行文字水平和垂直方向同时居中。 水平居中 水平居中的问题很简单。因为图片是一个内联元素。所有内联元素都可以看成是一行文字来排列。 所以设置 text-align:center 即可实现图片和文字同时水平居中。 垂直居中 对于单行文字的垂直居中，我们
标准答案： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w
一，js代码 <template> <div style="background: rgb(0, 0, 0);width:100%;height:100vh;"> <div style="position:relative;"> <video ref="homeVideo" style="position: absolute; width:
HTML标签有header, footer, ……详见语义化标签 height:100%; -将属性值设置为相对于其父元素属性值的百分比 -设置百分比可以使子元素跟随父元素的改变而改变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="
