css盲点
2024-10-20 06:03:52
以下纯属个人知识扫盲,记录下笔记
1、子元素设置display:inline-block时,彼此之间会出现一条细小的缝隙,解决办法:父元素设置font-size:0;就可消除缝隙了
2、能不用动画就不用动画animation,动画比较消耗性能,而且IE10以下不支持这个属性;尽可能用transition来代替,比如transition:transform .6s ease;transform:translateY(100px);
3、关于ie下,自动为img标签添加width和height,并且值都是图片的实际大小值,解决办法,样式设置:width:auto;height:auto;
4、能用样式写的就不要去写jq
5、突然发现这个很好用,对齐方式 vertical-align: top;
6、多行省略,一直记不住,对ie兼容不好
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden; 7、修改滚动条样式
/*滚动条样式*/
.common-block .search-block .search-content .search-content-items::-webkit-scrollbar
{/*滚动条整体样式*/
width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
}
.common-block .search-block .search-content .search-content-items::-webkit-scrollbar-thumb
{/*滚动条里面小方块*/
border-radius: 5px;
/*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
background: #e6e7e8;
}
.common-block .search-block .search-content .search-content-items::-webkit-scrollbar-track
{/*滚动条里面轨道*/
border-radius: 0;
background: #fff;
}
8、设置光标的颜色 caret-color:#0078ff;
待续...
最新文章
- Android(Intent 学习)
- web前端攻击详解
- MongoDB的索引(四)
- COGS 2437 暗之链锁 II 题解
- Android Preference
- Unix 目录结构的来历
- 网页撤销后ubuntu本地撤销
- Java中的String与常量池
- UISearchController的使用。(iOS8+)
- 关于学习Scala语言的一些感悟
- 关于javaBean中boolean类型变量的set和get注入后传到前端JS中的问题
- thinkphp引入类的使用
- hdu4453 Looploop 2012年杭州现场赛 Splay
- mysql基础之基本数据类型
- iis8.0配置 使用备忘 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容
- 认识容器和Docker(一)
- 关于Python pandas模块输出每行中间省略号问题
- Dio添加Cookie
- VirtualBox安装CentOS7
- python 全栈开发,Day135(爬虫系列之第2章-BS和Xpath模块)
热门文章
- Spring @CrossOrigin 通配符 解决跨域问题
- VS 中批量格式化、删除未使用的 using 语句代码的插件
- Java8新特性——Optional类的使用(有效的避免空指针异常)
- 如何使用gitlab自建golang基础库
- @Valid 数据校验 + 自定义全局异常信息
- ASP.NET Core: BackgroundService停止(StopAsync)后无法重新启动(StartAsync)的问题
- Visual Studio中的主题定制变得更加容易
- 安装Yapi时,出现json-schema-faker模块找不到问题
- 面试阿里百分百问的Jvm,别问有没有必要学,真的很有必要朋友
- 封装简单的Ajax