CSS
文章平均质量分 72
fly丶知秋
这个作者很懒,什么都没留下…
展开
-
如何保持容器固定宽高比
在播放视频和图片的时候,为了保持其内容不变形,就需要保持容器的固定宽高比。原创 2022-10-24 19:15:07 · 360 阅读 · 0 评论 -
消除两个inline-block元素之间的间隔
摘要: 发现问题 两个inline-block元素之间的间隔。如下图 期望 消除两个inline-block元素之间的间隔。 解决方法 1、父元素字体大小设置为0 间隔的形成是非元素标签形成的 /** 方案1,父元素字体大小设置为0 */ .wrap-font { font-size: 0; /*解决谷歌浏原创 2022-10-19 19:43:16 · 331 阅读 · 2 评论 -
自定义浏览器滚动条
::-webkit-scrollbar该特性是非标准的,请尽量不要在生产环境中使用它!描述::-webkit-scrollbar CSS 伪类选择器影响了一个元素的滚动条的样式::-webkit-scrollbar 仅仅在支持 WebKit 的浏览器 (例如, 谷歌 Chrome, 苹果 Safari)可以使用.CSS 滚动条选择器你可以使用以下伪元素选择器去修改各式 webkit 浏览器的滚动条样式:::-webkit-scrollbar — 整个滚动条.::-webkit-sc原创 2021-09-20 12:33:49 · 239 阅读 · 0 评论 -
一些常用但是不好记的css样式
设置滚动条样式/*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 10px; /*对垂直流动条有效*/ height: 10px; /*对水平流动条有效*/}/*定义滚动条的轨道颜色、内阴影及圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: ins...原创 2020-09-09 10:57:00 · 94 阅读 · 0 评论 -
用svg实现一个环形进度条
svg实现环形进度条需要用到的知识:1、会使用path的d属性画一个圆环//用svg的path元素的A命令画圆<path d=" M cx cy m 0 -r a r r 0 1 0 0 2r a r r 0 1 0 0 -2r">></path>//cx cy起点 r...原创 2019-04-06 23:52:00 · 262 阅读 · 0 评论 -
解决IOS端微信浏览器input,textarea有内上边框阴影
box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-appearance:none;原创 2018-03-30 17:59:00 · 134 阅读 · 0 评论 -
解决vue项目中使用ivew定制主题报 .bezierEasingMixin();错误
背景:在使用view-design(iview)定制主体时(覆盖变量方式)出现less错误完整错误如下解决方法:在vue.config.js中添加less-loader:5.0.xmodule.exports = { css: { loaderOptions: { less: { javascript...原创 2020-03-25 11:03:00 · 275 阅读 · 0 评论 -
SCSS随笔-mixin与@extend
变量定义变量$color-white: white;使用变量body { background-color: $color-white;}@mixin 与 @include定义mixin/*声明mixins*/@mixins border { border: 1px solid #red;}使用mixin/*使用mixins*/.my-div { ...原创 2020-07-17 09:40:00 · 173 阅读 · 0 评论