随笔分类 -  CSS实战

一些常用或特别的CSS效果及写法
摘要:关键词: `js引用sass变量` 1 如何在样式中使用 scss 的声明的全局变量 假设我们有一个全局的 scss 变量文件 ,如下: 如果想要在组件的样式中使用这些变量,我们需要引入这个文件,像这样: 这种方式虽然解决了问题,但带来了很多问题:代码冗余、不好维护... 我们迫切需要一种全新的更优 阅读全文
posted @ 2019-03-11 15:16 Liaofy 阅读(17677) 评论(2) 推荐(0)
摘要:注:赶时间的同学可直接下拉到底,看结论。 我使用 对一个元素进行位移,代码如下: 然而 标签并没有向右移动 ,这使我感到困惑。 但当我给 增加 时, 又表现正常了—— 向右位移了 。 不支持行内元素么? 此时必须 一下啊,果不其然,早有前辈提出了相同的问题: "css3 transform not 阅读全文
posted @ 2018-10-08 17:20 Liaofy 阅读(6688) 评论(0) 推荐(1)
摘要:html: 方案一:table 布局 方案二:给每个框设置大的底内边距,然后用数值相似的负外边距消除这个高度 方案三: flex ` ` 阅读全文
posted @ 2017-08-29 17:55 Liaofy 阅读(263) 评论(0) 推荐(0)
摘要:这里记录面试融众集团的一道题 Q:说可能有1~3个item显示在同一行,而item的个数不一定,如果1个,那这个item占宽100%,2个时每一个50%,3个时每一个33%,用纯CSS实现。 A:先贴答案。 解释:主要考量对CSS3选择器的熟悉程度, 指选择具有相同父元素的第一个div,同是这个di 阅读全文
posted @ 2017-08-29 17:12 Liaofy 阅读(1326) 评论(0) 推荐(0)