lwx931449660的博客

有的时候在编辑页面的时候会出现需要修改原生复选框样式的需求，那么，这里有一个范本，可以参照修改input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; position: relative;}input[type="checkbox"]::before {

PostCss是一个用 JavaScript 工具和插件转换 CSS 代码的工具。它的主要作用如下：1，增强代码的可读性利用从 Can I Use 网站获取的数据为 CSS 规则添加特定厂商的前缀。Autoprefixer自动获取浏览器的流行度和能够支持的属性，并根据这些数据帮你自动为 CSS 规则添加前缀。2，将未来的 CSS 特性带到今天PostCSS Preset Env帮你将最新的 CSS 语法转换成大多数浏览器都能理解的语法，并根据你的目标浏览器或运行时环境来确定你需要...

浏览器页面的滚动事件$(window).scroll(function() { // 当页面发生滚动时要做的事情});获取当前页面内容区域的高度$(window).innerHeight() 通常用 innerHeight()/2 内容区域一半的高度获取 滚动条到页面顶部的垂直距离$(document).scrollTo...

淡入淡出效果利用的是绝对定位，绝对定位的元素会出现堆叠，jquery控制图片的隐藏与显示。分享一个定位相关知识点html<div class="banner"> <ul class="bannerImg"> <li><a href="script:;"><img

当css控制页面文字只显示一行，多余部分隐藏时，这样处理：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;当文字长度不确定，需要具体控制显示行数时：display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2; // 设置文本显示行

开发项目的时候一般会使用第三方UI框架，如elementUI、Vant等，那么就存在一个比较棘手的问题，就是样式修改：一般在修改框架自带的样式时有时很难生效 或者只是想要修改当前组件内的样式，而不影响其他组件 在style标签携带scoped元素的时候就很难覆盖UI框架的样式这时候就需要使用深度选择器/deep/，或者>>>穿透 scoped，而有些Sass 之类的预处理器无法正确解析>>>。可以使用/deep/或::v-deep组合器 ( &gt...

谷歌浏览器、在记住密码后，通常会给用户密码输入框渲染上一个背景色，在有些时候这个浏览器自动使用的渲染背景色会影响系统本身的UI界面。解决方法如下：// 修改input的默认样式input:-webkit-autofill,textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px tr

rem是什么？ 它是一个相对单位，像px，vh，vw等一样，可以用来表示尺寸单位。rem之所以可以用于自适应布局，是因为rem是一个相对尺寸，它只相对于html根元素来进行计算所以，在不同的页面大小中，只要改变html根元素的大小，其他所有元素便会跟着改变 首先要知道，浏览器的默认字体高都是16px，所以可以这样理解，1rem 就等于 16px (1rem = 16px)因为其他元素要相对于跟元素的大小来进行计算，所以为了方便使用就有了如下操作：html{ ...

ID选择器： #header {}类选择器： .header {}元素选择器： div {}子选择器： ul > li {}后代选择器： div p {}伪类选择器： a:hover {}属性选择器： input[type="text"] {}id优先级高于类class；后面的样式覆盖前面的；指定的高于继承；**通用选择器： 选择所有元...