
web前端
rootting
一个立志于学算法,却总学不会的大学生
展开
-
Web前端学习笔记6(align-items,align-content,flex-flow,flex,align-self,order)
让子盒子沿侧轴来对齐侧轴居中对齐:align-items: center;拉伸,子盒子不要给高度:align-items: stretch;原创 2022-08-24 22:53:39 · 547 阅读 · 0 评论 -
Web前端学习笔记5(transformZ,transform3d,rotate3d)
//* translateZ沿着Z轴移动 *//* translateZ后面的单位我们一般跟px;*//* translateZ(100px)向外移动100px,(向我们的眼睛来移动) *//* 3D移动有简写的方法 */*//* xyz不能省略,如果不要就写0 */原创 2022-08-03 22:10:19 · 231 阅读 · 0 评论 -
Web前端学习笔记5(动画综合,奔跑案例)
animationnameduration(前两个一定要写)timing-function(匀速linearease)delay(延迟)iteration-count(执行多少次)direction(动画走回来,不是直接跳回来alternate)fill-mode(停的结束位置forwards为结尾);原创 2022-08-01 23:04:54 · 207 阅读 · 0 评论 -
Web前端学习笔记4(scale的应用(分页按钮),tranform的综合使用,动画)
实现当鼠标碰到按钮时,按钮放大且不会影响其他盒子,用scale可以不影响其他盒子。原创 2022-07-27 23:32:36 · 814 阅读 · 0 评论 -
数据结构暑期自学--MOOC浙江大学pta(7-29 修理牧场)
1、如何让花费最小,每次挑两个最小的木头合在一起,再将该木头在放进总木头里,继续判断最小的两个木头,然后继续合在一起,这样最后将所有木头合起来的方法是花费最小的。2、如何计算每次找到两个木头求出和,该和即为要花费的时间,然后每次判断每次相加,这里用优先队列可以直接从队头找出两个最小的数。...原创 2022-07-26 21:53:32 · 325 阅读 · 0 评论 -
Web前端学习笔记4(transform(2D转换), 盒子水平垂直居中,转换旋转点(transform-origin),rotate, scale)
x为x轴上的位置,y为y轴上的位置,中间用逗号分割如果只移动x坐标y坐标上不能不写,要写0或者我们translateX可以用%如果里面的参数是%,移动的距离为盒子自身的高度或宽度来对比这里的%50就为50px(100px的一半)...原创 2022-07-25 23:01:46 · 1159 阅读 · 0 评论 -
Web前端学习笔记3(filter,transition,transtion应用,进度条,calc())
1、数值越大越模糊transition:transition: 变化属性,花费时间(单位为s) 运动曲线(默认为ease) 何时开始运动曲线和何时开始可以省略谁做过渡给谁加加逗号,两个进行变换如果想要多个属性都变换,用alltranstion应用,进度条calc():......原创 2022-07-02 23:07:09 · 212 阅读 · 0 评论 -
Web前端学习笔记2(结构伪类选择器,:nth-of-type用法和区别,css3盒子模型,伪类选择器用法及应用)
1、用nth-child()选择偶数 2、选择奇数 3、选择所有数 4、n+m,和-n+m:nth-of-type用法选第一个和最后一个元素和nth-child()相似的用法nth-child和nth-of-type的差别(元素):nth-child(m)先把所有元素排好,在找前面的元素(元素):nth-of-type先找前面元素,再排序号css3盒子模型我们默认的盒子为盒子大小 = 本身大小+边框+padding盒子大小 = 本身大小原创 2022-06-29 19:39:21 · 1121 阅读 · 0 评论 -
Web前端学习笔记1(音频属性,新表单属性,新input属性,属性选择器,结构伪类选择器)
大部分浏览器都支持MP3格式因此可以采用以下代码来写音频的常见属性 结构伪类选择器:原创 2022-06-27 23:09:57 · 111 阅读 · 0 评论