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

灰太狼 2021-02-04 15:05 750阅读 0赞

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

![format_png][]

### 12.【模态框】 要使模态框背景透明，用rgba是一种简单方式 ###

![format_png 1][]

### 13.【三角形】 css绘制三角形的原理 ###

![format_png 2][]

### 14.【table布局】 display:table实现多列等高布局 ###

![format_png 3][]

**15.【颜色对比度】❣蓝底红字，由于颜色对比度比较低，故而看不清，因此不是好的配色方案**

![format_png 4][]

### 16.【定宽高比】♥css实现定宽高比的原理：padding的百分比是相对于其包含块的宽度，而不是高度 ###

![format_png 5][]

### 17.【动画方向】 动画方向可以选择alternate，去回交替进行 ###

![format_png 6][]

### 18.【线性渐变应用】 css绘制彩带的原理 ###

![format_png 7][]

### 19.【隐藏文本】 隐藏文字内容的两种办法 ###

![format_png 8][]

### 20.【居中】 实现居中的一种简单方式 ###

![format_png 9][]

[format_png]: /images/1612451135298.jpg
[format_png 1]: /images/1612451114705.jpg
[format_png 2]: /images/1612451089568.jpg
[format_png 3]: /images/1612451044889.jpg
[format_png 4]: /images/1612450957056.jpg
[format_png 5]: /images/1612450914640.jpg
[format_png 6]: /images/1612450898353.jpg
[format_png 7]: /images/1612450881692.jpg
[format_png 8]: /images/1612450859472.jpg
[format_png 9]: /images/1612450840395.jpg

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关前端你需要了解和知道的知识

1 . use strict严格模式是用来干什么的？严格模式和普通模式的区别 1 . 为什么用严格模式消除Javascript语法的一些不合理、不严谨之处，减少

太过爱你忘了你带给我的痛/ 2023年03月13日 09:05/ 0 赞/ 165 阅读

相关计算机操作系统第二章知识点归纳

进程的描述与控制前趋图和程序执行前趋图有向无循环图在前趋图中，把没有前趋的结点称为初始结点，把没有后继的结点称为终止结点。程序顺序执行

水深无声/ 2022年10月10日 14:52/ 0 赞/ 238 阅读

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

物理层物理层的基本概念物理层的作用是尽可能屏蔽传输媒体和通信手段的差异指明某条线上出现的某一电平的电压的意义。数据在计算机内部多采用并行传输方式。但数据在通信

落日映苍穹つ/ 2022年10月10日 14:50/ 0 赞/ 226 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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