随笔分类 -  CSS3

1 2 下一页

使用 CSS 自定义属性(变量)
摘要:使用 CSS 自定义属性(变量):https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties scss 中公共变量的导出方法:export:https://blog.csdn.net/ww_5211314/ 阅读全文

posted @ 2024-02-21 09:57 byd张小伟 阅读(16) 评论(0) 推荐(0) 编辑

CSS 中的 :root
摘要:CSS 中的 :root:https://blog.csdn.net/weixin_51123974/article/details/122311909?ops_request_misc=%257B%2522request%255Fid%2522%253A%252216987384991680019 阅读全文

posted @ 2023-10-31 15:52 byd张小伟 阅读(27) 评论(0) 推荐(0) 编辑

canvas游戏
摘要:为了让她10分钟入门canvas,我熬夜写了3个小项目和这篇文章: https://juejin.cn/post/6986785259966857247 为了让你们进阶Canvas,我花7小时写了3个有趣的小游戏!!!:https://juejin.cn/post/69890037100304138 阅读全文

posted @ 2021-11-06 19:43 byd张小伟 阅读(64) 评论(0) 推荐(0) 编辑

position: sticky 防坑指南
摘要:position: sticky 防坑指南:https://www.jianshu.com/p/e217905e8b87 今天在写小程序项目的时候碰到一个需求是要把轮播图下面的标签栏滑动到顶部后固定,类似网易考拉小程序这种效果: image.png ,刚开始是准备使用,js计算距离顶部高度,然后使用 阅读全文

posted @ 2019-12-18 21:32 byd张小伟 阅读(1085) 评论(0) 推荐(0) 编辑

关于结对项目中网页字体的教程
摘要:关于结对项目中网页字体的教程 https://www.cnblogs.com/wowocandy-milk/p/9008174.html 阅读全文

posted @ 2019-03-06 11:40 byd张小伟 阅读(96) 评论(0) 推荐(0) 编辑

在前端页面中使用@font-face来显示web自定义字体【转】
摘要:在前端页面中使用@font-face来显示web自定义字体【转】:https://www.cnblogs.com/fjdingsd/p/5663561.html 本文转自W3CPLUS 的《CSS @font-face》 @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入 阅读全文

posted @ 2019-03-05 18:57 byd张小伟 阅读(1082) 评论(0) 推荐(0) 编辑

css如何引入外部字体?
摘要:css如何引入外部字体? 第一步,在CSS中引入字体并给名字取一个合适的名字,如下 1 2 3 4 5 6 7 @font-face { /* font-properties */ font-family: pictos; src:url('pictos/pictos-web.woff'), url 阅读全文

posted @ 2019-03-01 17:17 byd张小伟 阅读(383) 评论(0) 推荐(0) 编辑

移动开发中更好的图片自适应
摘要:移动开发中更好的图片自适应:https://www.cnblogs.com/littledu/p/4169077.html 移动开发中更好的图片自适应 一直以来,我们在 PC 端开发中,都要求给图片写上一个宽高,以避免图片加载后造成的 reflow 。但在移动端开发中,为了能适配各种各样的屏幕尺寸, 阅读全文

posted @ 2019-03-01 16:22 byd张小伟 阅读(216) 评论(0) 推荐(0) 编辑

常见样式问题七、word-break、word-wrap、white-space区别
摘要:常见样式问题七、word-break、word-wrap、white-space区别:https://blog.csdn.net/c11073138/article/details/79534394 首先推荐下MDN网站,在上面可以学习html、css、js。对于css而言,可以查看详细的语法、使用 阅读全文

posted @ 2019-02-27 17:22 byd张小伟 阅读(425) 评论(0) 推荐(0) 编辑

你真的了解word-wrap和word-break的区别吗?
摘要:你真的了解word-wrap和word-break的区别吗?:https://blog.csdn.net/yanyang1116/article/details/82588505 这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-b 阅读全文

posted @ 2019-02-27 17:01 byd张小伟 阅读(192) 评论(0) 推荐(0) 编辑

css中word-break、word-wrap和white-space的区别
摘要:css中word-break、word-wrap和white-space的区别 :https://baijiahao.baidu.com/s?id=1578623236521030997&wfr=spider&for=pc 在页面中遇到文本需要折行显示时,总会困惑word-break、word-wr 阅读全文

posted @ 2019-02-27 16:54 byd张小伟 阅读(1248) 评论(0) 推荐(0) 编辑

box-shadow
摘要:好了,上代码。官方用语: box-shadow:1px 2px 3px 4px #ccc inset; 来分别看一下以上六个值的含义: 1px 从原点开始,沿x轴正方向的长度(倘若为负值,为沿x轴负方向的长度); 2px 从原点开始,沿y轴正方向的长度;(倘若为负值,为沿y轴负方向的长度); 3px 阅读全文

posted @ 2018-11-15 17:16 byd张小伟 阅读(144) 评论(0) 推荐(0) 编辑

box-shadow 制作单边阴影效果,不影响其它边的效果
摘要:box-shadow 制作单边阴影效果,不影响其它边的效果: https://blog.csdn.net/u010289111/article/details/53171128 CSS 样式实现单边阴影:https://blog.csdn.net/qq_34636440/article/detail 阅读全文

posted @ 2018-11-05 15:23 byd张小伟 阅读(459) 评论(0) 推荐(0) 编辑

属性选择器 [attribute^=value] [attribute~=value] [attribute|=value] [attribute*=value]
摘要:这是css属性选择器的一种:[attribute^=value] ,用来匹配属性值以指定值开头的每个元素。例如: [class^="test"] { background:#ffff00; } 表示设置 class 属性值以 "test" 开头的所有元素的背景色,也就是说对class="test", 阅读全文

posted @ 2018-11-01 16:02 byd张小伟 阅读(608) 评论(0) 推荐(0) 编辑

禁止遮罩层以下屏幕滑动
摘要:地址:https://blog.csdn.net/libin_1/article/details/52614821 阅读全文

posted @ 2018-08-03 18:29 byd张小伟 阅读(100) 评论(0) 推荐(0) 编辑

CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV
摘要:目的是:通过background的一系列属性,让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV 首先我们需要让背景图片在指定的DIV中全部填充显示 之前看有用类似 background-attachment: 的fix来实现背景图片的填充,但是,貌似是不能按照当前的DIV大小去填充。 我的 阅读全文

posted @ 2018-07-24 14:55 byd张小伟 阅读(1657) 评论(0) 推荐(0) 编辑

3种方法实现CSS隐藏滚动条并可以滚动内容
摘要:原文链接:http://caibaojian.com/hide-scrollbar.html 隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。 方法1:计算滚 阅读全文

posted @ 2018-07-16 19:21 byd张小伟 阅读(5016) 评论(0) 推荐(0) 编辑

如何实现全屏遮罩(附Vue.extend和el-message源码学习)
摘要:地址:https://segmentfault.com/a/1190000014698743 阅读全文

posted @ 2018-05-28 20:29 byd张小伟 阅读(192) 评论(0) 推荐(0) 编辑

vue如何在组件内部做整个页面的遮罩层
摘要:地址:https://segmentfault.com/q/1010000012994073 阅读全文

posted @ 2018-05-28 20:15 byd张小伟 阅读(5101) 评论(0) 推荐(0) 编辑

元素位置重叠的背景常识
摘要:元素位置重叠的背景常识(x)html文档中的元素默认处于普通流(normal flow)中,也就是说其顺序由元素在文档中的先后位置决定,此时一般不会产生重叠(但指定负边距可能产生重叠)。当我们用css为某个元素指定float浮动或者position定位后,元素的定位将会依情况发生如下改变:1. 指定 阅读全文

posted @ 2018-05-25 14:12 byd张小伟 阅读(900) 评论(0) 推荐(0) 编辑

1 2 下一页
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示