随笔分类 - css
摘要：搬运自：https://juejin.cn/post/6844903463273381901 background简写属性在一个声明中可设置所有的背景属性。 可设置属性如下: background-image: 设置背景图像, 可以是真实的图片路径, 也可以是创建的渐变背景; background-
阅读全文
摘要：参考：https://blog.csdn.net/m0_37983475/article/details/103493921 https://blog.csdn.net/yummy_go/article/details/50696328 https://segmentfault.com/a/1190
阅读全文
摘要：参考：https://www.cnblogs.com/fake718/p/3510687.html https://blog.csdn.net/x1172031988/article/details/70142895?utm_medium=distribute.pc_relevant_bbs_dow
阅读全文
摘要：转载自：https://blog.51cto.com/xuqin/2399513 我的情况 自行开发用vue写的钉钉工作台H5页面，页面里的标题，通过css设置字体为楷体。 font-family: 'KaiTi'; 本地启动项目时，通过谷歌浏览器访问是正常的，但是部署到钉钉上后没有效果 原因 移动
阅读全文
摘要：搬运自：https://blog.csdn.net/qq_39043923/article/details/106918747?%3E?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-1 vue项目中，经常需要使用如elementUI
阅读全文
摘要：搬运自：https://www.cnblogs.com/WQLong/p/7792174.html 1. 变量的声明 CSS变量声明是字母前加两个横线（--） 例： body{ --Colors:#dfdfdf; --fS16px:16px; } body选择器中声明了Colors和fS16px两个
阅读全文
摘要：参考：https://cloud.tencent.com/developer/article/1449864 我的需求，电脑端微信浏览器不显示滚动条。 css： div::-webkit-scrollbar { //chrome 和Safari，电脑端微信浏览器 width: 0 !importan
阅读全文
摘要：参考：https://blog.csdn.net/whqet/article/details/8881957 效果： html: <span class="s-triangle"><i class="triangelTag">9.0折</i></span> css: .s-triangle { di
阅读全文
摘要：效果： vue: <template> <div v-cloak> <button @click="openConfirm">点击</button> <div class="confirmLayercovering" id="confirmLayercovering"> <div class="co
阅读全文
摘要：参考：https://www.cnblogs.com/yangwang12345/p/7840253.html 合并列——colspan 合并行——rowspan 合并行的时候，比如rowspan="2"，它的下一行tr会少一列；合并列的时候 colspan="2"，此行的列会少一列 示意图： ht
阅读全文
摘要：参考：https://www.cnblogs.com/chaoyueqi/p/9174297.html 效果： html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> <style> table.t
阅读全文
摘要：参考： https://blog.csdn.net/lilinoscar/article/details/80539725 需求：tab切换，选项高亮。 原css：圆圈元素会有的扁，有的圆。刚开始审查元素时发现border超出，以为是这个问题。后来参考文章后发现是单位问题。 .cirlce { wi
阅读全文
摘要：参考：https://blog.csdn.net/qq_20264891/article/details/87873311 父元素： position: relative; 居中元素： position: absolute; top: 50%; //基于父元素 left: 50%; //基于父元素
阅读全文
摘要：参考：https://www.cnblogs.com/zhangnan35/p/10709876.html https://www.cnblogs.com/zyrblog/p/11142624.html translate三维坐标图： rotate判断： 正向轴对着眼睛，顺时针则旋转角度为正，逆时针
阅读全文
摘要：搬运自：https://www.cnblogs.com/wangyuanyuanlovexuanxuan/p/7767767.html html: <style> .div1{ width:200px; height:100px; overflow-y:auto; // 关键 }</style><d
阅读全文
摘要：参考：https://blog.csdn.net/lunhui1994_/article/details/81120579 效果： html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" con
阅读全文
摘要：参考：https://blog.csdn.net/zhichaosong/article/details/80944924#_99 效果： wave2.png html:
阅读全文
摘要：开始采用js，获取屏幕宽度，按宽高比来设置图片大小。 手机端/电脑测试都没问题，但是用微信电脑版自带浏览器打开时会变形，因为其屏幕宽度为1920。 解决：用css
阅读全文
摘要：参考：http://www.php.cn/css-tutorial-411901.html position : 50% ;或position : center;
阅读全文
