元素css
css实现折扇案例
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l ......
css实现一个太极案例
搭建一个太极的盒子 <body> <div></div> </body> 样式（使用 linear-gradient线性渐变；radial-gradient径向渐变） <style> body { background-color: lightcyan; } div { width: 200px; ......
css实现三角形
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果： 2、下三角形 i { width: 0; height: 0; borde ......
使用css实现图片轮播功能
功能实现： 先搭建一个用于轮播的容器，水平置入需要轮播的图片，设置图片大小为容器的大小，超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度，这样一个简单的轮播就做好了 废话不多说，世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
css中关于超出显示省略号
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
css笔记
水平布局 这段时间编写静态页面，学习了几种水平布局，其中有不小的差异和注意事项，特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素，可以在不脱离文档流的情况下实现水平布局，且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题，解决方法如下： 设置父元素fo ......
数组首地址和数组第一个元素地址
在 写程序的时候，经常会看到数组首地址和数组第一个元素的地址值相同，那么它们又什么区别呢？ 这里还是以程序举例： #include <stdio.h> int main(void) { char book[50] = {"C Primer Plus"}; printf("book的首地址:%p\n" ......
std::vector::clear()方法真的会清除元素吗？
测试 编译这样一段代码 int main() { std::vector<size_t> vec{1,2,3}; std::cout << vec.data() << std::endl; std::cout << *vec.data() << std::endl; std::cout << vec ......
CSS 媒体查询 @media【详解】
关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
HTML之媒体元素
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>媒体元素测试</title> 6 </head> 7 <body> 8 <!-- 9 src ：资源路径 10 controls：控制条 1 ......
子元素选择器
子元素选择器 与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素直接/一级子元素的元素。 以下实例选择了<div>元素中所有直接子元素 <p> ： 实例 div>p { margin: 0px; padding: 0px; color: rgb(0, 0, 139); ......
496. 下一个更大元素 I
题目描述 nums2中元素都不同，num1是nums2的一个子集。 需要找出nums2中每个元素下一个更大的元素，在映射回nums1中？ f1-哈希表+左到右的单调栈 基本分析 向右找最近的更大的值，维护递增栈还是递减的栈，是严格的吗?需要维护非严格递减的栈，例如43342，33都会入栈。 找到的逻 ......
PHP一种优雅的为数组的每个元素添加前缀的方法 (PHP 5.3+)
PHP一种优雅的为数组的每个元素添加前缀的方法 (PHP 5.3+): $prefixed_array = preg_filter('/^/', 'prefix_', $array); preg_filter('/ $ /','_ suffix',$ array);` (11认同) preg_fil ......
CSS flex布局-解决最后一行元素对齐问题
justify-content对齐问题 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题 .container { display: ......
CSS盒子模型(Box Model)
CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte ......
[Echarts] SVG元素交互（Select）
1.下载官网示例，修改并设置SVG文件 ( $.get('需要加载的SVG路径', function (svg) { ... }); ). <!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=geo-seatmap-fli ......
LeetCode 27 移除元素
题目跳转链接 ####双指针法 移出元素 给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。 不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素 ......
移除链表元素
移除链表元素 移除一个链表中的指定元素，这里给出三种方法，新建链表、迭代、递归 ==对应题目203. 移除链表元素==🪄 新建链表 首先创建一个新的链表，再遍历需要进行移除元素的链表。如果遇到与目标元素值不相等的情况，那么新建一个节点然后把值传给这个节点。逐一操作最后得到一个新的链表，那么这个链表 ......
HTML15新增元素
HTML5新增元素 概述 HTML5新增的主要结构元素有6个：header、nav、article、aside、section、footer。 header 在HTML5中，header元素一般用于3个地方： 页面头部：如网站名称、页面LOGO、顶部导航、介绍信息等。 文章头部（article元素） ......
CSS01.认识css
1.什么是CSS？ CSS是用于页面展示的语言 CSS决定了页面长什么样子 2.开发者工具 vscode快捷操作 1、快速复制一行 ctrl+c 然后 ctrl+v 2、选定多个相同的单词 双击选定一个单词然后ctrl+d 3、添加多个光标 ctrl+Alt+上箭头（下箭头） 4、全局替换某写单词 ......
CSS02.css构成
为网页添加样式 术语解释 h1 { color:red; background-color: lightblue; text-align: center;} CSS规则 = 选择器（“{”前面的）+ 声明块 声明块 出现在大括号中（{}） 声明块中包含很多声明（属性），每一个声明（属性）表达了某一方 ......
纯 CSS 实现瀑布流式排版
最近写了个页面，想到了用瀑布流实现页面布局。在我看来一个合格的横向瀑布流式布局包含以下几个条件： 1、每个内容块高度可以不等，但宽度相等。 由于内容的不确定性，内容块的高度应根据内容高度伸缩。高度相等的话就变成了网格布局，规整倒是规整，不仅没有瀑布效果，内容的个性也无从体现。 2、内容块应进行横向排 ......
普通css实现table表格过长数据隐藏，鼠标停留显示全部
在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height: ......
自动化环境搭建、识别元素
自动化测试环境的搭建 ： 一、安装 selenium： 安装方式一： pip install -U selenium 安装方式二： 手动安装 selenium: 1、安装python包，选择全部组件（pip、安装过程中配置环境变量）解压selenium-4.8.2.tar.gz，然后用cmd进入解压 ......
CSS实现跑马灯效果
盒子区域 创建一个大盒子，用来装我们的广告语，还有跑马灯的四个小盒子 <div class="box"> <div></div> <div></div> <div></div> <div></div> 创意广告 </div> 设置box样式 * { padding: 0; margin: 0; } ......
css实现霓虹灯特效字体
在开始之前先了解外部字体的引入： vite中字体的引入方法（.otf字体等）如下： 1、在src下的assets文件夹下创建font文件夹，将下载好的字体包放到该文件夹下 2、在font文件夹下创建font.css文件，如果你用的是scss，那么就是font.scss。less同理。 3、在font ......
子元素选择器
子元素选择器 与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素直接/一级子元素的元素。 以下实例选择了<div>元素中所有直接子元素 <p> ： 实例 div>p { margin: 0px; padding: 0px; color: rgb(0, 0, 139); ......