css
关注
分享
扫一扫
张续栋
心平可愈三千疾，心静可通万事理
展开
-
vue中使用深度选择器修改第三方UI库默认样式时，/deep/报错不生效
在vue项目中，引用了第三方UI库(如vant-ui)，此时想在某个组件里面更改vant-Ui的样式，而不影响全局，发现直接用它里面组件的类名去修改无效果。这时候想到了用深度选择器解决这个问题，但是发现使用了 /deep/报错这很可能是使用了scss编译的问题然后改成 >>> 也是不报错了但是也不生效的，最后发现 可以改成 ::deep深度选择器总结： 官方深度选择器解释：深度选择器一般用于组件开发，修改组件内的某些样式深度选择器表示种类：“/deep/”“>原创 2020-06-04 14:11:09 · 3481 阅读 · 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 · 1771 阅读 · 0 评论 -
设置圆的渐变色
对于颜色渐变css有着对应的属性字体颜色渐变 .tongji-header{ width: 150px; height: 30px; font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; ...原创 2020-04-28 22:33:29 · 1221 阅读 · 0 评论 -
背景图自适应浏览器窗口
对于图片大小小于浏览器窗口的可以设置div高度为览器可视窗口的高度div { position:absolute; top:0; left:0; height:100%;}注意： 这里要设置body的高度和框度为100%，才能生效如果图片较大做背景图 * { margin: 0; padding: 0; } ...原创 2020-04-25 17:23:26 · 430 阅读 · 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 · 177 阅读 · 0 评论 -
前端文本的溢出隐藏
设置方式单行文本的溢出隐藏overflow:hidden; //溢出隐藏text-overflow:ellipsis;//超出显示省略号white-space:nowrap;//强制文本在一行内显示多行文本的溢出隐藏overflow: hidden;text-overflow: ellipsis; // 超出显示'...'display: -webkit-box; // ...原创 2020-04-16 16:30:12 · 1934 阅读 · 0 评论