高度css div
纯CSS技术妙不可言，打造惊艳文字效果！
哈喽！大家好！我是【程序视点】的小二哥。 前言 CSS是一门很特殊的语言，你认为CSS只能用来控制网页的结构与样式，但只要你有丰富的想象力，就能创造无限可能。本文中为你精选了10个使用纯CSS实现的文字炫酷效果，欣赏完之后一定要自己实现体验一番哦~ 一.渐变文字效果 该效果主要利用backgroun ......
codeforces刷题（1100）：1904B_div2
B、Collecting Game 跳转原题点击此：该题地址 1、题目大意 获得一个由n位正整数组成的数组。你可以选择选择任意一个数作为你的判断值。然后任意一个 \(\le\) 它的数可以被选中加入你的分数（注意判断值不算在里面），同时该数被移除数组。你的任务是，对于该数组中的每个数，都将其作为判断 ......
CSS之动画
一.动画 动画类型 CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。 transform属性可以定义一些主要的动画属性， translate：平移，translat（100px），向右平移100px scale：缩放，scale（120%）， ......
codeforces刷题（1100）：1905B_div2
B、Begginer's Zelda 跳转原题点击此：此题地址 1、题目大意 给你一个子树，你可任意选择两个节点\(u、v\)，这两个节点之间的所有节点（包括\(u、v\)）都将结合变为一个新的节点。要求你通过该操作将所有的节点变为只有一个节点，求最小的操作数。 2、题目解析 由题意可得：当\(u、 ......
软件测试/测试开发|Python selenium CSS定位方法详解
简介 CSS选择器是一种用于选择HTML元素的模式。它允许我们根据元素的标签名、类名、ID、属性等属性进行选择。CSS选择器的语法简单而灵活，是前端开发中常用的定位元素的方式。 selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法。CSS定位有以下显著 ......
黑马pink css6
盒子的圆角边框： 圆形和圆角矩形的设置方法： 盒子阴影：不占用空间 文字阴影：用得不多 网页布局的三种方式： 标准流：占用一行或共用一行 浮动 定位 实际开发要用这三种方式 网页布局第一准则：多个块级元素纵向排列用标准流，多个块级元素横向排列用浮动 浮动：将盒子移到一边，直到左边缘或右边缘触及包含块 ......
Codeforces Round 915 (div2) E
E. Tree Queries [题目链接](https://codeforces.com/contest/1904/problem/EProblem - E - Codeforces) 题意概括： 给定一棵大小为 \(n\) 的树，回答如下询问，询问之间相互独立： 给定一个点 \(x\) 与 \( ......
codeforces刷题（1100）：1917B_div2
模板 B、Erase First or Second Letter 跳转原题点击此：该题地址 1、题目大意 给你一个字符串，可以执行任意次以下操作，生成最终的字符串（不可为空），问你能生成的不重复字符串数为多少。 操作一：删除字符串第一个字符； 操作二：删除字符串第二个字符。 2、题目解析 发现，操 ......
ie11 css适配
1. justify-content: space-evenly;兼容性处理 justify-content: space-evenly;在IE11中不生效，替换为 justify-content: space-between; &:before, &:after { content: ''; di ......
css3
1、新增选择器 是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷 css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面 css3优点: CSS3是完 ......
div4 题目
.Dashboard - Codeforces Round 898 (Div. 4) - Codeforces 1.Problem - G - Codeforces这一题我们首先进行分类讨论，因为情况很多 第一种情况当首尾存在一个B的情况时，我们可以吃掉所有的A,这个时候只需要计算出A的数量就可以 ......
[CSS]flex弹性盒
先来一个常用的flex样例。 水平从左往右主轴，自动换行，从主轴起始位置开始分布（侧轴不设置，使用margin进行间隔）： .tags { display: flex; justify-content: flex-start; flex-wrap: wrap; } .tag_item { margi ......
让div盒子居中
<template> <!-- <div class="about"> <h1>This is an one page</h1> </div> --> <div class="about"> <!-- 1.给盒子设置宽高,然后用margin:0 auto; --> <div class="one"> ......
CSS中的各种居中
在CSS布局时经常会需要实现水平居中，垂直居中，水平垂直居中这样的要求但是却又不是非常的在意，所以总结一下。 文本水平居中 1.使用text-align属性：将容器的text-align属性设置为"center"，可以使文本在容器中水平居中。 <style> .container { width: ......
[CSS]border-image-slice宽高不确定时自定义边框
宽高不确定时自定义边框效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
两个Excel表格核对 excel表格中# DIV/0 核对两个表格的差异，合并运算VS高级筛选
两个Excel表格核对 excel表格中# DIV/0 核对两个表格的差异，合并运算VS高级筛选 1.两列顺序一样的数据核对 方法1：加一个辅助列，=B2=C2 结果为FALSE的就是不相同的 方法2：两列数据，按CTRL+\ 然后直接标记颜色就把不一样的找出来 2.两列顺序不一致的情况 方法1：用 ......
有个前端跟我说，他只用div和span，这样做对吗？
HTML语义：div和span不是够用了吗？ 今天这篇是我们正式开篇的第一篇文章，我想和你聊聊 HTML。 我猜屏幕那一边的你估计会说：“HTML 我很熟悉了，每天写，这不是初级程序员才学的内容么，这我还能不会吗？” 其实在我看来，HTML 并不简单，它是典型的“入门容易，精通困难”的一部分知识。深 ......
[CSS]动画，平移到某个位置，停住
animation-fill-mode: forwards; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi ......
Codeforces Round 917 (Div. 2)
基本情况 A题秒了,B题卡了一年。 B. Erase First or Second Letter Problem - B - Codeforces 卡题分析 两方面原因 没有变通，一开始的思路是公式算出总字串数再想办法找重复的减掉，但搞了一个小时都不可行，应该早点换成正着来找的思路。 没有更深入的 ......
Vue3之实现一个可拖拽的div
实现一个可拖拽的div写法如下： const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......
汇编-div无符号整数除法
在32位模式下， DIV(无符号整数除法) 指令执行8位、16位及32位的无符号整数除法。无符号除法(unsigned division) 定义为一个无符号数除以另一个无符号数。其中， 除数为单个寄存器或内存操作数。格式如下： ......
codeforces刷题（1100）：1907C_div3
C、Removal of Unattractive Pairs 跳转原题点击此：[该题地址](Problem - 1907C - Codeforces) 1、题目大意 给定一个字符串，可以删除相邻的两个不相等的字符。问你删除后能得到最小的字符串长度为多少。 2、题目解析 因为只要两个不相等的字符相邻 ......
CF contest 1909 Pinely Round 3 (Div. 1 + Div. 2) 题解（Vanilla的掉分赛）
[Pinely Round 3 (Div. 1 + Div. 2) - Codeforces](https://codeforces.com/contest/1909)
$$
\color{purple}\large\textbf{世界上只有一种真正的英雄主义，}
$$
$$
\color{red}... ......
html/css让底部在页面最下面
html { position: relative; min-height: 100%;}body { <!-- 你底部div的高度 --> margin-bottom: 100px;}footer { position: absolute; bottom: 0; width: 100%; <!-- ......
Pinely Round 3 (Div. 1 + Div. 2)
A 构造题，分两种情况考虑 上下都行，左右选一个 左右都行，上下选一个 void solve() { int n; cin >> n; vector<pair<int, int> > a(n); for(auto &t : a) cin >> t.x >> t.y; sort(a.begin(), ......
Pinely Round 3 (Div. 1 + Div. 2) A~D
A. Distinct Buttons // #include <bits/stdc++.h> #include <iostream> #include <string> #include <cstring> #include <vector> #include <algorithm> #inclu ......
Pinely Round 3 (Div. 1 + Div. 2)
\(A.Distinct Buttons\) https://codeforces.com/contest/1909/submission/238508091 \(B.Make Almost Equal With Mod\) https://codeforces.com/contest/1909/s ......
codeforces比赛（1）：codeforces 916_div3
我的第一篇博客，虽然发布的都是非常简单的算法题，也没人看。我希望未来当我算法水平提高一个档次来看或许会有新的感受。这次cf比赛第一次写出来div3的D题，并且还剩余1小时，非常开心，一定继续保持下去。 ......
CSS object-fit
一、object-fit object-fit属性定义了被替换的元素（如img或video）的内容应如何调整大小以适应其容器。object-fit的默认值是fill，这可能导致图像被挤压或拉伸。 让我们来看看可能的值。 object-fit的可能值:contain、cover、fill、none 1 ......
常用xpath选择器和css选择器总结
xpath选择器 表达式说明 article 选取所有article元素的所有子节点 /article 选取根元素article article/a 选取所有属于article的子元素的a元素 //div 选取所有div子元素（不论出现在文档任何地方） article//div 选取所有属于arti ......