你需要知道的30个CSS知识点（第三章）

红太狼 2021-02-04 15:12 688阅读 0赞

21.【角向渐变】 新的渐变：角向渐变。可以用来实现饼图

![format_png][]

22.【背景位置百分比】 background-position百分比的正确理解方式：图片自身的百分比位置与容器同样的百分比位置重合

![format_png 1][]

23.【背景重复新值】 background-repeat新属性值：round和space。前者表示凑个整，后者表示留点缝

![format_png 2][]

24.【背景附着】 background-attachment指定背景如何附着在容器上，注意其属性值local和fixed的使用

![format_png 3][]

25.【动画延时】 动画添加延迟时间可以使步调不一致

![format_png 4][]

26.【outline使用】 可以使用outline来描边，不占地方，它甚至可以在里面

![format_png 5][]

27【背景定位】 当固定背景不随元素滚动时，背景定位是相对于视口的

![format_png 6][]

28【tab-size】 浏览器默认显示tab为8个空格，tab-size可以指定空格长度

![format_png 7][]

29【动画暂停】 CSS动画其实是可以暂停的

![format_png 8][]

30【object-fit】 图片在指定尺寸后，可以设置object-fit为contain或cover保持比例

![format_png 9][]

[format_png]: /images/1612451548137.jpg
[format_png 1]: /images/1612451511713.jpg
[format_png 2]: /images/1612451421738.jpg
[format_png 3]: /images/1612451345617.jpg
[format_png 4]: /images/1612451327656.jpg
[format_png 5]: /images/1612451309882.jpg
[format_png 6]: /images/1612451289097.jpg
[format_png 7]: /images/1612451272095.jpg
[format_png 8]: /images/1612451251624.jpg
[format_png 9]: /images/1612451231183.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，688人围观）

还没有评论，来说两句吧...

相关阅读

相关 14个你需要知道的实用CSS技巧

让我们学习一些实用的 CSS 技巧，以提升我们的工作效率。这些 CSS 技巧将帮助我们开发人员快速高效地构建项目。现在，让我们开始吧。 1.CSS :in-range 和

r囧r小猫/ 2024年03月25日 07:40/ 0 赞/ 142 阅读

相关【转载】你未必知道的49个CSS知识点

原文链接： [https://juejin.im/post/5d3eca78e51d4561cb5dde12][https_juejin.im_post_5d3eca78e5

桃扇骨/ 2023年08月17日 17:16/ 0 赞/ 127 阅读

相关 elasticsearch 集群分片分配，你需要知道的一些知识点

前言前面我们学习过，master节点的职责有：负责决定当前某个分片要分配到哪个节点上面。在节点间移动分片，保证集群的平衡。等等。分片分配-基于集

偏执的太偏执、/ 2023年06月25日 04:45/ 0 赞/ 30 阅读

相关计算机网络第三章知识点归纳

第三章数据链路层数据链路层使用点对点信道的数据链路层这种信道使用一对一的点对点通信方式数据链路和帧链路和数据链路的区别

女爷i/ 2022年10月10日 14:50/ 0 赞/ 286 阅读

相关 HTML 你最该知道的几个知识点

1.超级文本标记语言（HyperText Markup Language）； 2.什么是“超文本”？ “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元

墨蓝/ 2022年06月10日 08:58/ 0 赞/ 220 阅读

相关你不知道的CSS（三）

在前面两篇文章《你不知道的CSS（一）》和《你不知道的CSS（二）》中大致介绍了一些CSS方面比较隐晦的但又很实用的技巧。相信这些技巧会为大家在项目实践中带来一定的帮助，本文作

谁借莪１个温暖的怀抱￠/ 2021年07月04日 20:55/ 0 赞/ 558 阅读

相关你需要知道的30个CSS知识点

需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵，另外小编谢谢各位一如既往的支持。

红太狼/ 2021年02月04日 15:15/ 0 赞/ 687 阅读

相关你需要知道的30个CSS知识点（第三章）

21.【角向渐变】新的渐变：角向渐变。可以用来实现饼图 22.【背景位置百分比】 background-position百分比的正确理解方式：图片自身的百分比位置与容...

红太狼/ 2021年02月04日 15:12/ 0 赞/ 689 阅读

相关你需要知道的30个CSS知识点（第二章）

11.【相邻兄弟选择器】相邻兄弟选择器之常用场景

灰太狼/ 2021年02月04日 15:05/ 0 赞/ 814 阅读

相关你需要知道的30个CSS知识点（第一章）

01.【负边距】负边距的效果。注意左右负边距表现并不一致。左为负时，是左移，右为负时，是左拉。上下与左右类似

灰太狼/ 2021年02月04日 14:59/ 0 赞/ 637 阅读