![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 54
那只猫喝咖啡
如果我恰好路过你身旁,给了你一些力量,那么也不需要客气。有些人相遇就是为了告别。
——《离开前请叫醒我》
展开
-
position: sticky,粘性定位
简单描述一下,用途: 1.吸顶或者吸底——导航栏或者搜索框、音乐播放器等等 2.就像这个博客两边的广告或者是目录一样,当你滑到指定的位置,它就会停留在一个固定的位置,可能听起来还是模糊吧,看下图,盯着点进度条,你会发现绿色的div,一开始像是正常的元素一样,在最下面(我设置了margin-top:1000px,暂时不显示),当你滑动进度条,开始显示,再滑动的时候距离顶部100px的时候发现,无论向下拖动多长div的位置都不会改变,就像固定定位一样原创 2022-10-04 21:41:00 · 265 阅读 · 0 评论 -
使用深度选择器实现样式穿透
我们需要使用样式穿透(深度选择器),它有三种书写方式,分别针对原生css:>>>less: /deep/如果父组件的样式(scoped)且还想影响到子组件的样式像这种情况我们可以选择使用深度选择器,它可以实现样式穿透,看下图:scss:::v-deep......原创 2022-08-26 21:50:51 · 956 阅读 · 0 评论 -
伪元素和伪类的概念和区别
伪类、伪元素、区别、对于区别的解释,伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。...原创 2022-11-16 11:40:26 · 263 阅读 · 0 评论 -
重绘和回流
重绘回流定义,如何减少回流?回流一定会发生重绘、重绘不一定会引发回流。回流所需要的成本比重绘高的多原创 2022-09-22 11:13:24 · 164 阅读 · 0 评论 -
移动端的三种适配方案——下
移动端的三种适配方案,rem适配是目前最完美的解决方案,rem有两种适配方案,包括搜狐唯品会淘宝百度在用原创 2022-07-23 11:23:52 · 332 阅读 · 1 评论 -
easy-less突然无法自动转为css,刚解决完就来写了哈
我的问题解决了,你们可以试试,试试很快,不麻烦原创 2022-07-23 10:39:38 · 1340 阅读 · 10 评论 -
移动端的三种适配方式——上
开启理想视口是适配的第一步,为什么要开启,开启有什么好处?由于各设备独立像素不统一,所以才会出现在不同设备下页面元素大小不同。原创 2022-07-22 21:16:26 · 1296 阅读 · 1 评论 -
使用原生js+es6实现鼠标点击特效
使用原生js+es6实现鼠标点击特效原创 2022-05-23 21:21:07 · 374 阅读 · 0 评论 -
解决高度塌陷--父元素未被子元素撑开问题,外边距重叠问题
文章目录前言 一、解决办法是什么? 二、某些方法不推荐的原因 1.某些方法不推荐的原因 2.什么是BFC? 总结前言什么是高度塌陷?高度塌陷是指当子元素设置浮动后,导致子元素脱离文档流,无法撑起父元素的高度,下方元素自动上移,造成页面布局混乱其中a是父元素,b是子元素(且设置浮动)一、解决办法办法一:父元素同样设置浮动 例如:.a{float:left} 其中a为父元素----->不推荐,原因在下一个模块解释办法二:为父元素...原创 2022-05-19 13:46:39 · 2373 阅读 · 0 评论