随笔分类 -  css笔记

摘要:2019年填坑备忘录(二) 1.css隐藏滚动条 场景:做tab滑动效果时,可采用css的溢出滚动实现,但怎么隐藏掉那个自带的滚动条呢? 解决办法: 关键代码: 2.移动端点击链接触发颜色块 场景:但移动端有点击事件,点击的瞬间会有一个色块,长按也会出现。 解决办法:在html样式下加入 关键代码: 阅读全文
posted @ 2019-06-17 11:20 Lafitewu 阅读(162) 评论(0) 推荐(0) 编辑
摘要:先上效果图,如下: 是不是经常看到此类效果? 这里如果不借用其它框架,单纯的利用css 来实现怎么做呢? 1.这一看就要用到overflow,但是用它会有一个默认的滚动条; 2.那么重点来了,怎么解决这个问题呢? 3.用 ::-webkit-scrollbar 就可以很好地解决。 代码如下: css 阅读全文
posted @ 2018-03-19 10:35 Lafitewu 阅读(497) 评论(0) 推荐(0) 编辑
摘要:当你不确定一行有多少文字时,怎么办? 就让文字显示一部分,其他部分用...代替。 这个时候,在css中加入以下代码,就大功告成了! 1.单行 text-overflow:ellipsis;white-space:nowrap;overflow:hidden; 2.多行 开不开心?意不意外? 阅读全文
posted @ 2018-03-06 15:01 Lafitewu 阅读(198) 评论(0) 推荐(0) 编辑
摘要:今天主要来整理整理css中一些我会用到的单位,及区别。 1. px 2.% 3.em 4.rem 5.vh 6.vw 今天主要就来讲讲这6种css 单位 1.px =》 它的大小是相对于浏览器屏幕分辨率来决定的; 2.% =》 它的大小是相对于它的父级元素来决定的; 3.em => 它是相对于当前对 阅读全文
posted @ 2018-01-29 20:06 Lafitewu 阅读(132) 评论(0) 推荐(0) 编辑
摘要:在项目中碰到一个问题,宽度为100%的容器,如何把其分成均等的三份,不可用js。 这个时候calc就登场了。 写法如下: width: calc( 100% / 3); 将每个容器的宽度设置这个宽度就可以了。 阅读全文
posted @ 2018-01-06 10:22 Lafitewu 阅读(622) 评论(0) 推荐(0) 编辑

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