摘要:使用 CSS 自定义属性(变量):https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties scss 中公共变量的导出方法:export:https://blog.csdn.net/ww_5211314/
阅读全文
摘要:CSS 中的 :root:https://blog.csdn.net/weixin_51123974/article/details/122311909?ops_request_misc=%257B%2522request%255Fid%2522%253A%252216987384991680019
阅读全文
摘要:为了让她10分钟入门canvas,我熬夜写了3个小项目和这篇文章: https://juejin.cn/post/6986785259966857247 为了让你们进阶Canvas,我花7小时写了3个有趣的小游戏!!!:https://juejin.cn/post/69890037100304138
阅读全文
摘要:position: sticky 防坑指南:https://www.jianshu.com/p/e217905e8b87 今天在写小程序项目的时候碰到一个需求是要把轮播图下面的标签栏滑动到顶部后固定,类似网易考拉小程序这种效果: image.png ,刚开始是准备使用,js计算距离顶部高度,然后使用
阅读全文
摘要:关于结对项目中网页字体的教程 https://www.cnblogs.com/wowocandy-milk/p/9008174.html
阅读全文
摘要:在前端页面中使用@font-face来显示web自定义字体【转】:https://www.cnblogs.com/fjdingsd/p/5663561.html 本文转自W3CPLUS 的《CSS @font-face》 @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入
阅读全文
摘要:css如何引入外部字体? 第一步,在CSS中引入字体并给名字取一个合适的名字,如下 1 2 3 4 5 6 7 @font-face { /* font-properties */ font-family: pictos; src:url('pictos/pictos-web.woff'), url
阅读全文
摘要:移动开发中更好的图片自适应:https://www.cnblogs.com/littledu/p/4169077.html 移动开发中更好的图片自适应 一直以来,我们在 PC 端开发中,都要求给图片写上一个宽高,以避免图片加载后造成的 reflow 。但在移动端开发中,为了能适配各种各样的屏幕尺寸,
阅读全文
摘要:常见样式问题七、word-break、word-wrap、white-space区别:https://blog.csdn.net/c11073138/article/details/79534394 首先推荐下MDN网站,在上面可以学习html、css、js。对于css而言,可以查看详细的语法、使用
阅读全文
摘要:你真的了解word-wrap和word-break的区别吗?:https://blog.csdn.net/yanyang1116/article/details/82588505 这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-b
阅读全文
摘要:css中word-break、word-wrap和white-space的区别 :https://baijiahao.baidu.com/s?id=1578623236521030997&wfr=spider&for=pc 在页面中遇到文本需要折行显示时,总会困惑word-break、word-wr
阅读全文
摘要:好了,上代码。官方用语: box-shadow:1px 2px 3px 4px #ccc inset; 来分别看一下以上六个值的含义: 1px 从原点开始,沿x轴正方向的长度(倘若为负值,为沿x轴负方向的长度); 2px 从原点开始,沿y轴正方向的长度;(倘若为负值,为沿y轴负方向的长度); 3px
阅读全文
摘要:box-shadow 制作单边阴影效果,不影响其它边的效果: https://blog.csdn.net/u010289111/article/details/53171128 CSS 样式实现单边阴影:https://blog.csdn.net/qq_34636440/article/detail
阅读全文
摘要:这是css属性选择器的一种:[attribute^=value] ,用来匹配属性值以指定值开头的每个元素。例如: [class^="test"] { background:#ffff00; } 表示设置 class 属性值以 "test" 开头的所有元素的背景色,也就是说对class="test",
阅读全文
摘要:地址:https://blog.csdn.net/libin_1/article/details/52614821
阅读全文
摘要:目的是:通过background的一系列属性,让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV 首先我们需要让背景图片在指定的DIV中全部填充显示 之前看有用类似 background-attachment: 的fix来实现背景图片的填充,但是,貌似是不能按照当前的DIV大小去填充。 我的
阅读全文
摘要:原文链接:http://caibaojian.com/hide-scrollbar.html 隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。 方法1:计算滚
阅读全文
摘要:地址:https://segmentfault.com/a/1190000014698743
阅读全文
摘要:地址:https://segmentfault.com/q/1010000012994073
阅读全文
摘要:元素位置重叠的背景常识(x)html文档中的元素默认处于普通流(normal flow)中,也就是说其顺序由元素在文档中的先后位置决定,此时一般不会产生重叠(但指定负边距可能产生重叠)。当我们用css为某个元素指定float浮动或者position定位后,元素的定位将会依情况发生如下改变:1. 指定
阅读全文