html+css
console.log('D')
hello world
展开
-
快捷默认样式
【代码】快捷默认样式。原创 2022-09-06 09:59:29 · 78 阅读 · 0 评论 -
快捷flex布局
【代码】快捷flex布局。原创 2022-09-06 09:36:20 · 56 阅读 · 0 评论 -
原生js实现小方块拖拽
原生js实现小方块的拖拽原创 2022-06-09 15:59:56 · 199 阅读 · 0 评论 -
顶部固定布局
顶部固定布局原创 2022-06-02 19:54:03 · 52 阅读 · 0 评论 -
flex知识(ing)
display flex //开启flex布局会变成一行 flex-wrap wrap //如果宽度不够就换行 vertical-align middle //基线对齐原创 2022-05-27 17:04:06 · 42 阅读 · 0 评论 -
transform动画
transform: rotate(-40deg); 旋转 transform-origin: 40rpx 0; 沿着坐标轴移动(x,y) transition: transform 1s; 变化时长 /* 自定义动画 */ @keyframes z360{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .discAnimation{ animation: z360 ...原创 2022-05-24 15:52:17 · 586 阅读 · 0 评论 -
多个文字省略显示省略号(单行和多行)
一、单行省略: <div class="positionInfo">中国北京海淀区北京大学计算机与信息工程</div> .positionInfo{ width:200px //限制宽度,根据实际开发需求设置 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 显示:中国北京海淀区北京大.... 二、多行省略 <div class="positionIn..原创 2022-05-14 16:25:58 · 210 阅读 · 0 评论 -
深度选择器
>>> 原生深度选择器 <style lang="css" scoped> .el-button >>> span{ color: '#f00' } </style> /deep/ less样式常用 <style lang="less" scoped> /deep/.el-button{ span{ color: '#f00' ..原创 2022-05-14 10:37:27 · 76 阅读 · 0 评论 -
html中<meta>设置延时自动刷新和几秒后跳转指定网址
指定几秒后自动刷新: <meta http-equiv="refresh" content="2"> 指定几秒后跳转到某个网址: <meta http-equiv="refresh" content="4“ url=http://www.jd.com">原创 2021-08-15 22:45:46 · 715 阅读 · 0 评论 -
实现两个盒子嵌套,子盒子如何在父盒子里居中
1.先建立两个嵌套的盒子 /*结构*/ <div class="big"> <div class="small"> </div> </div> 2.在css中设置样式 (在学定位知识之前的做法) /* 第一种:定位,盒子自身移动50%,然后减去自身宽度的一半 */ .big{ width: 700px; height: 700px; border: 2px solid black; positi原创 2021-08-15 17:54:17 · 3806 阅读 · 0 评论