引导者本文目录一览：
几个好用的css函数小技巧
1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；其实出现这种现象，我们可以巧用margin/padding的百分比值实现高度自适应。
2、通过锚点，我们可以滚动到网页特定的位置，原始的锚点跳转是没有过渡效果的。注意滚动条：通过 CSS scroll-behavior 属性可以让滚动变得更加丝滑。
3、用一个伪元素叠在饼图上面，并将 content 设为某个值(这个值通过CSS变量计算出来)，就能制作出度量计的效果，障眼法又一次完成了它的使命。
4、position：absolute；top：50px；right：50px 上面的CSS设置一个元素的位置从浏览器的顶部和右边保持50px。你也可以在div内使用绝对定位。
5、perspective()函数与perspective属性 在3D变形中，除了perspective属性可以激活一个3D空间外，在3D变形的函数中的perspective()也可以激活3D空间。
6、ul li.aa{margin-left：10px；}/*控制第二个字与第一个字之间的距离*/ 下面的在中写 间距 当然了，你也可以用间距，利用letter-spacing直接设置字母间距同样适用汉字，2em是以你定好的字号为单位空2格。
怎么用纯CSS制作带小三角的tooltip提示框
纯CSS Tooltip许多网站还是在使用JavaScript来创建Tooltip效果，但实际上通过CSS能更简单的实现。最简单的方法是在你的HTML代码中添加一个带有提示文本的属性，比如 data-tooltip=？ 。
下面我们就给大家介绍用纯css实现语音气泡效果的简单方法。
这个是JS或JQ效果，一般是当编辑框获取到焦点，然后某个div框的隐藏取消。
特别提示在写代码的过程中，一定要记得换行，开头要留空，不然以后找东西的时候连自己写的是什么都不知道。
