![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
张续栋
心平可愈三千疾,心静可通万事理
展开
-
vue中使用深度选择器修改第三方UI库默认样式时,/deep/报错不生效
在vue项目中,引用了第三方UI库(如vant-ui),此时想在某个组件里面更改vant-Ui的样式,而不影响全局,发现直接用它里面组件的类名去修改无效果。这时候想到了用深度选择器解决这个问题,但是发现使用了 /deep/报错这很可能是使用了scss编译的问题然后改成 >>> 也是不报错了但是也不生效的,最后发现 可以改成 ::deep深度选择器总结: 官方深度选择器解释:深度选择器一般用于组件开发,修改组件内的某些样式深度选择器表示种类:“/deep/”“>原创 2020-06-04 14:11:09 · 3415 阅读 · 0 评论 -
css代码实现滚动轮播效果
用简单的css代码实现滚动轮播效果以前做滚动轮播,都是用js实现的,最近发现可以通过css3的一些新特性实现滚动轮播效果。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...原创 2020-05-01 22:58:17 · 1731 阅读 · 0 评论 -
设置圆的渐变色
对于颜色渐变css有着对应的属性字体颜色渐变 .tongji-header{ width: 150px; height: 30px; font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; ...原创 2020-04-28 22:33:29 · 1135 阅读 · 0 评论 -
背景图自适应浏览器窗口
对于图片大小小于浏览器窗口的可以设置div高度为览器可视窗口的高度div { position:absolute; top:0; left:0; height:100%;}注意: 这里要设置body的高度和框度为100%,才能生效如果图片较大做背景图 * { margin: 0; padding: 0; } ...原创 2020-04-25 17:23:26 · 385 阅读 · 0 评论 -
web API总结
DOM获取DOM节点document.getElementById(id)document.getElementsByClassName(class)docment.getElementsByTagName(tagname)document.bodydocument.querySelector(css选择器)document.querySelectorAll(css选择器)伪数...原创 2020-04-19 07:58:27 · 140 阅读 · 0 评论 -
前端文本的溢出隐藏
设置方式单行文本的溢出隐藏overflow:hidden; //溢出隐藏text-overflow:ellipsis;//超出显示省略号white-space:nowrap;//强制文本在一行内显示多行文本的溢出隐藏overflow: hidden;text-overflow: ellipsis; // 超出显示'...'display: -webkit-box; // ...原创 2020-04-16 16:30:12 · 1854 阅读 · 0 评论