CSS
文章平均质量分 51
Shopee_Rex
学习ing
展开
-
css深度选择器/deep/ 在89版本后失效
问题:高版本样式异常 正常版本 异常版本 定位 通过查找节点信息,很快就发现了部分样式失效了。 在高版本这一份样式识别不了,去掉deep,就正常了 官方弃用 89版本遗弃deep less/sass在scope可以继续使用/deep/吗? 可以的,loader会自动将scope下的deep的解析成全局样式,并添加对应的hash进行识别,所以可以正常使用。 全局样式不要使用/deep/ ...原创 2021-10-08 11:59:25 · 704 阅读 · 0 评论 -
css样式里transform中的scale是否会影响getBoundingClientRect
结果 会影响,你当前试图的节点元素的展示的位置在哪,获取的值就是当前视图相对的节点的位置。 我们实现一个简单的页码来看看 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http原创 2021-01-21 15:51:20 · 1537 阅读 · 0 评论 -
css3的filter与svg动画的碰撞
CSS3的filter CCS3中增加了关于filater相关的一些方法。我们看看MDN上兼容性 除了IE基本全支持了。 下面的是指如果直接使用SVG的filter的支持程度,目前只有火狐支持,不过我们不使用直接使用svg来实现滤镜。 SVG mdn上的介绍 SVG的标签与HTML的很相似,基本上可以直接使用。 在前端中主要使用它来制作一些小的图标和小动画,因为相对于栅格图形而言,矢量图内存大小更大,也不好制作。 并且由于CSS3的强大性能,很多动画直接使用CSS3就可以完成很好了。 2者的碰撞 这个de原创 2020-08-28 14:37:53 · 472 阅读 · 0 评论 -
获取dom元素操作整理
文章目录获取元素属性和方法方法属性增删改操作创建添加克隆删除自定义属性修改样式document可以获取的盒子模型属性js盒子模型获取指定元素的 CSS 样式 获取元素属性和方法 整理与参考 方法 document.getElementById([ID])// 通过id获取元素节点 document.getElementsByTagName([Tag-name]) // <input name...原创 2019-09-01 16:24:46 · 270 阅读 · 0 评论