css
文章平均质量分 61
bug收集
doubleyong , NET开发出身,现在从事前端工作.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Emmet插件: 提高效率的必备“神器“
工欲善其事,必先利其器本文推荐Emmet插件,HTML/CSS代码快速编写"神器"~~,快来和我一起学习吧一、快速编写HTML代码1. 初始化HTML文档需要包含一些固定的标签,比如<html>、<head>、<body>等,现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”,然后按Tab键:<!doctype html><html lang="en"><head...转载 2021-06-15 16:11:38 · 316 阅读 · 0 评论 -
flex 布局中,所有子项高度变成一致了,如何保持子项自身高度
在做移动端项目时,使用了flex布局后,所有的子项高度变成了一致 问题:在flex布局中,如何保持子项自身高度 原因: Flex 布局会默认:把所有子项变成水平排列。 默认不自动换行。 让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。解决方案:直接在flex容器上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。作者:doubleyong博客:bugshouji.c...原创 2021-04-16 11:00:33 · 15379 阅读 · 1 评论 -
amimate.css 的使用分享
Animate.css 中文网:http://www.animate.net.cn/英文网:https://animate.style/ 使用步骤: 1、 下载animate.css开源社区下载:https://daneden.github.io/animate.css/ 2、 引用animate.css<link rel="stylesheet" href="animate.min.css"> 3、使用老版本使用原创 2020-12-26 21:02:14 · 661 阅读 · 0 评论 -
div 或 span 的高度比 img 的高度要多3px。如何解决?
问题:如果将一个 img 放在 div 或 span 里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢?代码:<div class="pic"> <img src="/images/1.jpg"/></div><span> <img src="/images/2.jpg"/></span>原因:异步更新队列原创 2020-12-19 15:41:04 · 664 阅读 · 1 评论 -
CSS3框阴影只在一个方向? 巧用外spread-radius外延值
问题:只想让盒子在一个方向上有阴影,如向下的阴影分析: x方向不偏移,设置y方向的偏移,且加上模糊值。代码如下:box-shadow:020px20px#000000;结果:x轴方向还是阴影,怎么办呢?这时,就可以巧用spread-radius外延值, 来消除x轴方向的阴影。查看文档发现:spread-radius,设置对象的阴影外延值。可以为负值, 模糊值设置,让盒子扩展了20px , 可以将外延值,设置为负,让水平方向阴影取消代码如下:box-shadow:02...原创 2020-11-30 14:40:16 · 973 阅读 · 0 评论
分享