×
提示:
×
提示:
请:
谢谢!
Toggle navigation
技术头条
最新
读点非技术
我也分享
赞过
我的
IT技术博客大学习
微博登录
1
CSS ::backdrop伪元素是干嘛用的?
(www.zhangxinxu.com)
【简介】
backdrop这个单词是背景幕布,就是戏曲表演后面的一块布。::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。在web中哪些元素需要视觉聚焦呢?一个是HTML5 <video>视频元素,还有就是HTMl5.2 <dialog>元素,以及处于全屏状态下的普通元素。这些元素的背景样式均可以交给::backdrop伪元素进行控制。
点击查看原文 >>
由
@技术头条
2018-12-24 23:57 / 原作者微博:
@张鑫旭
/ 0个评论
赞过的人:
@技术头条
要不要再学学下面的文章?
1
让一个元素高度随宽度按比例自适应
(www.iszy.cc)
宽度的自适应是根据 Viewport 的 width 来调整的,高度的自适应也根据 Viewport 的 height 来调整的,理论上和 width 没有任何关系。所以需要找到一个可以关联上 Viewport 的 with 的属性还能撑起高度。
这个属性就是 padding,padding 是根据 Viewport 的 width 来调整的,padding-top 和 padding-bottom 也是如此,所以我们设置这个属性就可以和 width 保持一定比例了。
by
@技术头条
2023-11-29 23:37
查看详情
1
CSS fixed固定定位transofrm失效及居中小技巧
(www.zhangxinxu.com)
介绍个我认为最好的固定居中定位的CSS实现,以及展示transform内fixed固定定位失效的解决方法,你说不定哪天就会用到。
by
@技术头条
2023-02-12 14:01
查看详情
1
Tips: 使用CSS逻辑属性简化我们的书写
(www.zhangxinxu.com)
原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地,最近发现,CSS逻辑属性还有简写的作用,这可牛逼坏了~
by
@技术头条
2022-12-24 23:31
查看详情
1
整洁架构之CSS
(insights.thoughtworks.cn)
虽然开发工具早已经从 preprocessor 进化到了 styled component,但在我看来新的工具并没有让我们的样式代码写的更好,只是更快——也可能会让代码坏的更快。工具的繁荣并没有让那些导致代码难以维护的根本问题烟消云散,而是更易让我们对其视而不见。这篇文章旨在回答一个问题:为什么样式代码难以写对,它的陷阱究竟在哪里?
by
@Thoughtworks
2022-09-08 17:45
查看详情
1
HTML slot 插槽元素深入
(www.zhangxinxu.com)
本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了,如果您对 Web 组件开发感兴趣,则本文内容不容错过。
by
@技术头条
2022-08-31 23:15
查看详情
1
如何继承自定义元素及其他JS中扩展新方法
(www.zhangxinxu.com)
相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。
by
@技术头条
2022-08-31 23:08
查看详情
1
CSS background背景图标的变色技巧
(www.zhangxinxu.com)
最近遇到了需要使用CSS让background背景图标的变色的需求场景,使用背景混合模式实现的,可能大家以后也用得到,所以分享下。
by
@技术头条
2022-08-18 23:37
查看详情
1
详解日后定会大规模使用的CSS @layer 规则
(www.zhangxinxu.com)
话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。
by
@技术头条
2022-08-18 23:36
查看详情
1
CSS排版为何强?瞧瞧多牛这换行
(www.zhangxinxu.com)
在 CSS 这门语言中,凡是 Web 中的换行规则都可以改变,无论是中文的还是英文的,灵活到超出你的想象,非常强大!
在文字内容排版这块,CSS 是计算机领域中无可争议的霸主气,什么 SVG 什么 canvas 根本就是望尘莫及。
by
@技术头条
2022-08-18 23:18
查看详情
1
介绍一种CSS变量未定义语法也OK的小妙招
(www.zhangxinxu.com)
我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。
by
@技术头条
2022-07-24 20:54
查看详情
使用微博登录,分享你的文章到本站
评论:
提交评论
近一周被赞排行
分享文章被赞得多,您就会出现在上面。还能给您微博带来新粉丝哦!