布局 一行 自然css
题记1|| 自然数的拆分
题目： 代码 #include <iostream> using namespace std; int sta[105]; int n, top = 0; void dfs(int sum, int lst) { if (sum > n) { return ; } if (sum == n) { f ......
前端 ( HTML + JS + CSS )
以下大多都摘自菜鸟教程：https://www.runoob.com/ HTML 简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup t ......
C++类内存布局与虚继承
类的内存布局 本文参考浅析C++类的内存布局，做了一些修改和补充 1. 无继承的情况 为了得到类的内存布局，先设置一下 输入 /d1 reportAllClassLayout，结果会在输出窗口打印出。最后会打印很多类，基本上最后就是自己的类的布局，也可以指定类。如果写上 /d1 reportSing ......
CSS制作逼真的波浪效果
效果 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta http-equiv="X-UA-Compatible" co ......
css 10-13
1.背影样式 backgroud-color 背景颜色 backgroud-color :red backgroud-image 背景图片 backgroud-image backgroud-position 背景图片位置 backgroud-position top left right bott ......
css-图片和文字小模块
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
php读取txt随机一行一个数据输出
php读取txt随机一行一个数据输出，代码如下 <?php function getline($file){ $i=0; do{ $data = file($file); $num = count($data); $id = mt_rand(0,$num-1); $shuju_text = chop ......
grid布局
实现同时对行和列的控制 1.指定每列的宽度 .grid{displaya;grind; grid-template-colums:100px 100px 100px; } 2.用fr指定浮动宽度（fr是grid布局专有单位，类似于对整个盒子的宽度进行平等划分，1fr就是占一份） .grid{ dis ......
CSS实现滚动条隐藏
使用伪元素：::-webkit-scrollbar <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial- ......
两栏布局，三栏布局
两栏布局：窗口被分为左右两个部分，一部分为宽度固定，高度自适应。一部分为宽度高度都是自适应。如下：左边为固定宽度，右边为自适应 方法一 <style> *{margin: 0; padding: 0; } html,body{ height:100%; } .box1{ width:500px; h ......
CSS-02
Emmet语法 提高编写速度 HTML 生成标签：标签名+tab建 多个相同标签：div*3（生成3组） 父子关系：ul>li div>span 兄弟关系：div+p 有class或id的标签名：p.nav或p#nav 有顺序的类名：.demo$5 生成的标签内有内容：div{内容} CSS tex ......
【前端开发】前端使用Tailwind CSS写样式效率翻倍
vite+Vue项目配置教程 配置地址：https://tailwind.nodejs.cn/docs/guides/vite 中文文档：https://tailwind.nodejs.cn/docs/installation 说明：使用Tailwind CSS可省略写繁琐的css代码，通过用cla ......
CSS：盒子模型
盒子是什么？ 盒子可以理解为我们日常使用的快递盒，里面有个电视机，整个快递盒放到一个房间的左上角。我们用俯视角看，快递盒里面电视所占的空间，就叫内容区（content），电视与盒子四面之间的空间（padding），盒子的四个面（border），盒子外面与其他盒子或者墙壁距离就是外边距（margin） ......
一行代码解决a-table当中rowKey报错的问题
问题描述： 在a-table 中如果不绑定rowKey 则会在控制台报错 解决办法： 如果列表中没有返回唯一值，则可以这么写 :rowKey='record=>record.id' 或者 :rowKey="(record,index)=>{return index}"> ......
CSS高度单位
line-height属性的细节 （子元素 继承 父元素 系数）与大多数CSS属性不同，line-height支持属性值设置为无单位的数字。有无单位在子元素继承属性时有微妙的不同。 语法line-height: normal | <number> | <length> | <percentage>n ......
html5+css3
一、HTML 1、浏览器内核又可以分成两部分： 渲染引擎（layout engineer）和 JS引擎（rendering engine） 后来的JS的发展独立出来， 常用5大浏览器 分别是：IE（edge）、Chrome、Firefox、Safari、opera。 浏览器内核有那些？ 分别被使用在 ......
【前端css】全局修改css让网页置灰，去掉色彩
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filte ......
【vue2】实现css动效逐个顺序展示的效果（简陋版）
效果（进入预约里程碑模块后，小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失，最终停留在当前预约等级的台阶上）： 虽然很low但是！就是这么设计的！于是在原本静态的代码上稍加了些修改（为什么，为什么，想问天问大地） 首先是台阶部分的代码： <div :class="$style.reser ......
Week8 HTML,CSS,JavaScript 课堂笔记
Routers 为了将数据从一个地方路送到到另一个地方，我们需要做出路由决策。也就是说，需要有人对数据如何从A点传输到B点进行编程 您可以想象数据如何从A点到B点采取多条路径，这样当路由器拥塞时，数据可以通过另一条路径流动 TCP/IP是两种允许计算机通过互联网在它们之间传输数据的协议 IP或互联网 ......
css 文字渐变
效果如图 代码如下： background: linear-gradient( to bottom, #ffffff 0%, #ffffff 45%, #389df5 100% ); background-clip: text; -webkit-background-clip: text; -web ......
css伪类和伪元素
一、伪类说明 定义：伪类⽤于向某些选择器添加特殊的效果 超链接（a标签）伪类：a标签我们在日常工作和学习中用的很多，我们只知道默认状态下为蓝色，但是a标签其实有四种状态。 1、未访问前为蓝色（如果a标签使用不是蓝色而是紫色，那么近期访问过该网站，需要去浏览器删除近期记录） a:link 2、鼠标按着 ......
css 字体一闪闪和有光泽一闪而过效果
<div class="card-remark">请把卡放入读卡器上...</div> 字体一闪闪效果： .card-remark { font-family: Arial, sans-serif; /* 选择字体 */ font-size: 36px; /* 设置字体大小 */ color: rg ......
flask学习01-蓝图使用与项目布局
蓝图 blueprint 蓝图也是一种规划，主要用来规划urls（路由route） 蓝图的使用 在views.py中初始化蓝图 blue = Blueprint('user',name) 在init文件中调用蓝图进行路由注册 app.register_blueprint(blueprint=blue ......
记录--纯CSS实现骚气红丝带
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在本文中，我们将探讨如何使用 CSS 以最少的代码创造出精美的 CSS 丝带形状,并最终实现下面这个效果： 下面我们使用html和css来实现这个效果。我们使用内容自适应方式布局，不用担心里面的文字长度。本文介绍两种丝带：左侧的丝带称为“ ......
CSS 多行文本超链接下划线动效
先看效果 乍一看，是不是感觉很简单，仔细一瞅发现事情好像没有那么简单。 如果十分钟还没想出怎么实现，那就把简历上的“精通css”改成“了解css”……😅 大部分人第一感觉都是想着用border-bottom去做，但是仔细看一下这个是多行文本，下划线始终在最后一行肯定是不合适的，而且下划线运动轨迹是 ......
为什么 CSS flex 布局中没有 `justify-items` 和 `justify-self`?
为什么 CSS flex 布局中没有 justify-items 和 justify-self？ 为什么在 CSS flex 布局中存在 align-items 和 align-self，却没有 justify-items 和 justify-self 呢？要解答这个问题，首先需要理解主轴（main ......
threejs CSS2DObject点击事件触发不了
原因：在three.js 0.13X版本后,上面dom的onclick 不会触发，原因是控制器Controls，可以尝试一下去掉控制器，看看dom上的点击事件是否ok let obtControls = new OrbitControls(camera, container); // OrbitCo ......
css_扩散动效
html <div id="modelContainer" class="init"> <div class="mask"></div> <div class="model_content"> <div class="attention_container"> <div class="dot"> < ......