CSS
文章平均质量分 52
CSS以及它的预处理器
不想起名55
这个作者很懒,什么都没留下…
展开
-
使用CSS计算高度铺满屏幕
今天写项目时出现高度设置百分百却不占满屏幕,第一反应看自己设置的是块级元素还是行级元素。看了几篇博客,发现并不能解决问题。脱离文档流的做法都没考虑,前期模板搭建脱离文档流,后面开发会出现很多问题。以上图片是我要解决的问题。原创 2024-01-17 12:02:56 · 1483 阅读 · 0 评论 -
CSS scoped 属性的原理
在 Vue 组件中,为了使样式私有化(模块化),不对全局造成污染,可以在 style 标签上添加 scoped 属性以表示它的只属于当下的模块,局部有效,使样式互不污染。如果引用了第三方组件,需要在当前组件中局部修改第三方组件的样式,而又不想去除 scoped 属性造成组件之间的样式污染。给所有组件实例添加了一个唯一不重复的动态属性,给每个标签对应的dom元素添加一个标签属性,data-v-xxx。每个选择器的最后一个选择器添加一个属性选择器,原先#app,更改后#app[data-v-xx]原创 2023-08-22 23:22:58 · 1615 阅读 · 0 评论 -
【Less】 less抽取公共样式
当我们做一个项目时,会出现很多重复样式,每次都要重新写很麻烦。尤其是大量的flex布局,给他抽取一个文件随后引用就可以了。你学废了吗?原创 2023-03-16 10:42:34 · 1397 阅读 · 1 评论