<p>CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。</p> <pre class="codehilite"><code> position: absolute; &lt;!-- 绝对定位 --&gt; po ...

<h2 id="_1">前言</h2> <p>动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。</p> <h2 id="_2">使用过渡类名实现动画</h2> <h3 id="_3">官方文档的截图</h3> <p>过渡类名如下 ...

<h2 id="css3">CSS3 常见边框汇总</h2> <pre class="codehilite"><code class="language-html">&lt;!DOCTYPE html&gt; &lt;html lang=" ...

<h2 id="_1">前言</h2> <p>开发人员可以为自已的网页指定特殊的字体（将指定字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊字体。从此，把特殊字体处理成图片的方式便成为了过去。</p> <p>支持程度比较好，甚至 ...

lish-false">publish: false <pre class="codehilite"><code class="language-html">&lt;!DOCTYPE html&gt; &lt;html lang="en"& ...

<h2 id="_1">前言</h2> <p>本文主要内容：</p> <ul> <li> <p>过渡：transition</p> </li> <li> <p>2D 转换 transform</p> </li> <li> <p>3D 转换 ...

<article class="_2rhmJa"><p>有不少刚入行的同学跟我说：“<strong>JavaScript 很多 API 记不清楚怎么办？数组的这方法、那方法总是傻傻分不清楚，该如何是好？操作 DOM 的方式今天记，明天忘，真 ...

<article class="_2rhmJa"><h4>一：单行文本显示不完时，我们只需要设置单行文本的宽度，不允许换行，溢出隐藏及换行省略四个属性即可：</h4> <pre><code> p{ max- ...

<article class="_2rhmJa"><h1>1.outline的用法</h1> <p>outline用法和border类似， 如下：</p> <pre><code>.outline { 　outline: 1px solid ...

<article class="_2rhmJa"><p>原理：点击按钮返回顶部效果（js）：用了一个定时器，每30ms滚动条的位置上移一点，上移的距离越来越小，越靠近顶部上移的速度越慢，当滚动条距离顶部为0 ，删除定时器；或者在返回顶部的过 ...