文章分类 - Html+css
摘要：在做数据可视化大屏之前，我们需要考虑到页面的布局问题以及页面缩放自适应问题，下面分别就这两个方面讲解。 页面布局 类似这种页面区块的明显划分，常用的布局方式有两种： 1、grid布局 2、flex布局 一、grid布局 grid布局可以按区块来划分页面布局，并且可以在划分布局的基础上配置区块在页面的
阅读全文
摘要：http://blog.suntemple.cn/guide/js/ http://blog.suntemple.cn/guide/js/%E9%A1%B5%E9%9D%A2%E6%BB%9A%E5%8A%A8%E5%8A%A8%E7%94%BB.html
阅读全文
摘要：/* CSS */::-webkit-scrollbar { width: 8px; /* 控制滚动条宽度 */} ::-webkit-scrollbar-track { background-color: #f5f5f5; /* 控制滚动条背景色 */} ::-webkit-scrollbar-t
阅读全文
摘要：使用方式：css定义变量的方式是** 通过给一个属性加上-- **然后他就成为了一个css属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
阅读全文
摘要：首先，我们得知道1vh它表示的是当前屏幕可见高度的1/100，而1%它表示的是父元素长或者宽的1%（可以这么理解？） 1、对于设置height:100%;有下面几种情况： （1）当父元素固定高度，子元素设置height:100%;时 <style> #father1 { width: 300px;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：1.利用float+margin实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
摘要：最后一个li不加边框 ul .li:not(:last-child)::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; bottom: 0; left:
阅读全文
摘要：如何实现图片和两行文字在一行显示 Lorem ipsum dolor sit amet consectetur adipisicing.Lorem ipsum dolor sit amet consectetur adipisicing.Lorem ipsum dolor s...
阅读全文
摘要：1.应用场景 左侧一个导航栏宽度固定，右侧内容根据用户浏览器窗口宽度进行自适应 2.思路 首先把这个问题分步解决，需要攻克以下两点： 1）让两个div并排到一行 2）让一个div宽度固定，另个div占据剩下宽度的空间 关于第一点，首先要明确，div属于块级元素，在文档标准流中单独占据一行。要想多个d
阅读全文
摘要：做这个布局有两个要点： 1。第二个div要清除浮动 2.考虑到IE6经常出现的三像素文本慢移，所以用IE6可识别的*做hack. 转载于：https://blog.csdn.net/di84186/article/details/102401922
阅读全文
摘要：mcake-详情页-口味布局 口感： 是垃圾福利圣诞节放老家收到了收代理费教练说的交房了是杜绝浪费就送董老赴京了时代峻峰是垃圾福利圣诞节放老家收到了收代理费教练说的交房了是杜绝浪费就送董老赴京了时代峻峰是垃圾福利圣诞节放老家收到了收代理费教练说的交房了是杜绝浪费就送董老赴京...
阅读全文
摘要：解决方案，可以通过点击事件来聚焦
阅读全文
摘要：html css js 文件地址：https://files.cnblogs.com/files/shimily/%E5%88%AE%E5%88%AE%E5%8D%A1-%E6%94%AF%E6%8C%81%E5%A4%9A%E4%B8%AA-wap%E7%AB%AF.zip
阅读全文
摘要：解决办法为： （1） 用HTML标签设置HTTP头信息 <HEAD> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV
阅读全文
摘要：https://www.cnblogs.com/cmy1996/p/9129307.html 动画效果 效果分析 当鼠标滑过包含块时，元素整体翻转180度，以实现“正”“反”面的切换。 HTML分析 分析：.container，.flip为了实现动画效果做准备。.front,.back各包裹一张图片
阅读全文
摘要：TweenJS类库主要用来调整和动画HTML5和Javascript属性，提供了简单并且强大的tweening接口。 http://www.createjs.cc/tweenjs/ http://www.createjs.cc/ CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库
阅读全文
摘要：解决方案： 结合行高、对齐的关系并结合伪元素，添加伪类::after 原文参考：https://blog.csdn.net/qq_17030685/article/details/83350766
阅读全文
