- 博客(29)
- 收藏
- 关注
RSS订阅原创 HTML5和CSS3新增的一些属性
如果盒子模型改为box-sizing：border-box;nth-of-type则是把指定的孩子排列序号，执行时先看标签，然后再回去看nth-of-type是第几个孩子，下面这样就可以选出来。nth-child会把所有的孩子排序号，执行时先看nth-child（1）然后再往前看找标签，下面这种情况就是选不出来的。n也可以是公式，同时，n从0开始计算，注意nth-child(0)这里面必须是n，不能是其他的字母。原则：谁动给谁加，也就是谁要过渡，就把transition放在谁里面。
2025-09-14 21:19:24
663
原创 CSS高级技巧---精灵图、字体图标、布局技巧
由此，我们发现第四个盒子的右边框被压到了，此时只需要当前的盒子添加position: relative;多行文本溢出显示省略号，有较大兼容性问题， 适合于webKit浏览器或移动端（移动端大部分是webkit内 核）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。精灵技术的目的：为了有效减少服务器接收和发送请求的次数，提高页面的加载速度。字体图标展示的是图标，但是本质上是字体，具有字体的属性。6.使用精灵图的时候需要精确测量，每个小背景图片的大小和位置。
2025-09-13 21:37:11
912
原创 CSS基础（四）---定位、叠放次序、元素的显示与隐藏
在使用定位布局时，可能会出现盒子重叠的情况，此时，可以使用z-index来控制盒子的前后次序（z轴）。语法：选择器{ z-index: 1;1.数值可以是正整数、负整数或0，默认是auto，数值越大，越靠上（数值大的盒子会压住数值小的盒子）。2.如果属性相同，则按书写顺序，后来者居上。3.数字后面不能加单位。4.只有定位的盒子才有z-index属性。1）标准流：可以让盒子上下排列或者左右排列，垂直的块级只显示就用标准流布局。2）浮动：可以让多个块级元素一行显示或者左右对齐盒子，
2025-09-12 20:14:27
933
原创 CSS基础（三）---盒子模型、盒子阴影、圆角边框、浮动、清除浮动
2、一个元素浮动了，理论上其余的兄弟元素也要浮动：一个盒子里面有多个子盒子，如果其中一个盒子浮动了，那么其他兄弟也应该浮动，以防止引起问题。浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流。如果不给父盒子高度，由于子盒子浮动不占位置，最后父盒子高度会变成0，会影响后面的标准流的盒子。左盒子加了浮动，此时左盒子不再保留原先的位置，蓝色盒子迎面扑来，粉色盒子就在蓝色盒子下面，如上图的效果。浮动的元素是互相贴靠在一起的（不会有缝隙），如果父级宽度装不下这些浮动的盒子，多出的盒子会另起一行对齐。
2025-09-09 20:55:29
877
原创 CSS基础（二）---复合选择器、元素显示模式、背景、特性
a {;</style><body></body>转换为行内元素：display:inline;<style>div {</style><body></body>行内元素转换为行内块元素：display:inline-block;<style>span {
2025-08-30 16:16:17
865
原创 CSS基础（一）---CSS选择器、字体属性、文本属性、引入方式
h2 { font-family: '微软雅黑';各种字体之间用英文逗号隔开，如果有空格隔开的多个单词组成的字体加引号。尽量使用系统默认自带字体。最常见的几个字体：'Microsoft YaHei' 、tahoma'、arial 、'Hiragino Sans GB'---定义文本的外观，如文本颜色、对齐文本、装饰文本、文本缩进、行间距等。行内样式表：<标签 style="属性:属性值;"></标签>内部样式表：选择器{属性:属性值;属性:属性值;
2025-08-25 14:45:19
742
原创 前端HTML学习笔记
Shift + Alt + 上箭头 / 下箭头 ：快速复制一行ctrl + d：选中多个相同单词ctrl + Alt + 上箭头 / 下箭头：添加多个光标ctrl + h：全局替换ctrl + g：快速定位到某一行shift + alt然后拖动鼠标：选择某个区块ctrl + +/-：放大 / 缩小编辑区ctrl + /：单行注释shift + alt + a：多行注释alt + z：自动换行。
2025-06-19 21:28:44
760
原创 树状数组 + 线段树
假设 x=2 ^ i [k] + 2 ^ i [k - 1] + 2 ^ i [k - 2] + ... + 2 ^ i [1] , i [k] >= i [k - 1] >= i [k - 2] >= ... >=i[1]则c[ 1 ]=1 , c[ 3 ]=3 , c[ 5 ]=5 , c[ 7 ]=7 , c[ 9 ]=9 , c[ 11 ]=11 , c[ 13 ]=13 , c[ 15 ]=15 ,1. 原数组a变成差分数组b---求a[l~r]+c ---> b[ l ] += c;
2025-05-02 20:50:57
917
原创 哈希-
哈希表(一种期望算法)：1.存储结构---1)开放寻址法 2)拉链法 xmodk k是一个质数且k远离2^nO(1) 2.字符串哈希方式添加(h[x])、查找(h[x])、删除(一般不删，开一个额外的数组，标记要删除的数组)
2025-04-24 21:39:53
570
原创 堆（不是STL中的堆）
4.删除任意一个元素 heap[k]=heap[size--];3.删除最小值 heap[1]=heap[size--];down(x)节点往下调整 O(logn) up(x)节点往上调整 O(logn)堆的存储：根节点是1(下标),x的左儿子：2x(下标)，x的右儿子：2x+1(下标)堆支持的操作：heap表示堆，size表示堆的大小,下标从1开始。题目来源：Acwing---839-模拟堆。堆 完全二叉树 (用一维数组存)
2025-04-24 20:19:41
155
原创 并 查 集
2.询问两个元素是否在一个集合当中----------if(belong[x]==belong[y])3.如何合并两个集合：px是x的集合编号，py是y的集合编号，p[x]=y;基本原理：每个集合用一颗树来表示。树根的编号就是整个树的编号。2.如何求x的集合编号：while(p[x]!=x)x=p[x];1.将两个集合合并----------belong[x]=a;节点存储它的父节点，p[x]表示x的父节点。1.如何判断树根：if(p[x]==x)题目来源：Acwing---836。
2025-04-24 19:36:14
190
原创 C++中字符串的相关函数及其使用
其中，str是需要转换的字符（串），pos是一个指向size_t类型的指针，用于存储转换过程中第一个无法转换的字符的位置，base表示要转换的进制数，默认为10进制。stoi()函数从字符串的开头开始读取数字字符，直到遇到第一个非数字字符为止，然后将读取到的数字字符转换为整数类型的数字。如果字符串的开头不是数字字符，则返回0.例如：结果都为：如：其结果为：注意：如果字符串中包含非数字字符，stoi()函数会抛出invalid_argument异常。
2025-04-24 16:30:40
477
原创 C++---STL
size( ) empty( ) clear( ) begin( )/end( )//支持++，--操作，返回前驱和后继O(logn)---push( )//向队尾插入一个元素 , front( ) //返回队头元素, pop( )//弹出队头元素,push( )//队尾插入一个。set/multiset---insert( )//插入,find( )//查找,count( )//返回某个数的个数,upper-bound( )//返回大于x的最小的数的迭代器O(logn)
2025-04-11 20:08:08
940
原创 最短路-----图论
O(n^2)1.初始化,dis[1]=0,dist[i]=正无穷(比较大的数) Si存当前已经确定最短距离的点2.(迭代)for i:0~n(1)t=找到不在s中的距离最近的点 O(n^2)(2)t加到s中 O(n);(3)用t更新其他点的距离 从t出去的所有的边是否可以用t更新dis[x]>dis[t]+W(权重) O(m);
2025-04-11 19:31:44
1112
原创 数论---求组合数
20组 a,b<=1e18 需要取mod // 卢卡斯定理lucas (p*log n * log p)//infact[i] i 的阶乘的逆元 //快速幂求。1万组(可以十万组) a,b<=100000 ，需要取mod // 预处理 (nlogn)//fact[i] 表示 i 的阶乘。//10万组 a,b<=2000，需要取mod //递推 O(n*n)1. 分解质因数 //筛1~5000以内的质数 求每个质数的次数。
2025-04-09 13:55:34
1024
1
原创 数论-----快速幂
当n为偶数时，a^n=(a^2)^(n/2)，当n为奇数时，a^n=a*a^(n-1).eg: 2^10,此时n为偶数，2^10=4^5,n为奇数，4^5=4*4^4.......
2025-04-09 13:49:13
147
原创 高斯消元解线性方程
/1.完美阶梯型---唯一解 2. 出现0=非零---无解 3. 出现0=0---无穷个解。高斯消元 O(n^3) //线性代数矩阵的初等行列变换。方程解可能性：1. 无解 2. 无穷多解 3. 唯一解。找到本列剩下的行中绝对值最大的一行。将这行换到剩下行的最上面去。将这列c除了第一个数变为0。将这行的第一个数变成1。三种等价变换方式----初等行列变换。3. 把某行的若干倍加到另一行上去。1. 把某一行乘一个非零的数。/*高斯消元解线性方程。高斯消元步骤：(迭代)
2025-04-08 15:17:24
318
原创 欧拉函数--
欧拉函数 a[n] : 1~n中与n互质的数的个数 N=p1^a1+p2^a2+...+pk^ak ans=N-(1-1/p1)(1-1/p2)...(1-1/pk)容斥原理(证明欧拉函数)：N-N/p1-N/p2.....N/pk+N/p1*p2+N/p1*p3+...+N/p2*p3+...==(N。1. 从1~n中去掉p1、p2.....pk的所有倍数。3. 减去所有pi*pj*pk的倍数。2. 加上所有pi*pj的倍数。
2025-04-07 21:22:18
159
原创 Dijkstra
(3)用t更新其他点的距离 从t出去的所有的边是否可以用t更新dis[x]>dis[t]+W(权重) O(mlogn);(3)用t更新其他点的距离 从t出去的所有的边是否可以用t更新dis[x]>dis[t]+W(权重) O(m);1.初始化,dist[1]=0,dist[i]=正无穷(比较大的数) 集合S存当前已经确定最短距离的点。(1)t=找到不在s中的距离最近的点 O(n^2)(1)t=找到不在s中的距离最近的点 O(n)
2025-04-07 20:13:46
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人