<h2 id="_1">前言</h2> <h3 id="_2">常见的布局属性</h3> <p>（1）<code>display</code> 确定元素的显示类型：</p> <ul> <li> <p>block：块级元素。</p> </li ...

<h2 id="css">题目：谈一谈你对CSS盒模型的认识</h2> <p>专业的面试，一定会问 CSS 盒模型。对于这个题目，我们要回答一下几个方面：</p> <p>（1）基本概念：content、padding、margin。</p> ...

<h2 id="_1">本文主要内容</h2> <ul> <li> <p>拖拽</p> </li> <li> <p>历史</p> </li> <li> <p>地理位置</p> </li> <li> <p>全屏</p> </li> </ul> ...

<h2 id="_1">前端面试（前言）</h2> <h3 id="_2">面试基础</h3> <ul> <li> <p>页面布局</p> </li> <li> <p>CSS盒模型：是CSS的基石。</p> </li> <li> <p>DO ...

<h2 id="_1">图片格式和应用场景</h2> <h3 id="jpeg">JPEG 格式</h3> <p>JPEG（Joint Photographic Experts Group）是一种针对彩色照片而广泛使用的有损压缩图形格式，属 ...

<h2 id="_1">前言</h2> <p>京东是典型的电商类网站，学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。</p> <p>京东首页的截图为：<a href="http://img.smyhvae.com/201 ...

<p>我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。</p> <p>本文中，Banner图上方的导航，叫做<strong>快捷导航</strong>（shortcut）。</p> <h2 id="_1">快捷导航的骨架</h2> ...

<h2 id="dom">动态创建DOM元素的三种方式</h2> <ul> <li> <p><code>document.write();</code> 不常用，因为容易覆盖原来的页面。</p> </li> <li> <p><code>in ...

<h2 id="dom">DOM操作练习</h2> <h3 id="1">举例1：点击按钮时，显示和隐藏盒子。</h3> <p>代码实现：</p> <pre class="codehilite"><code class="language- ...

<p>京东网页上，可以看到下面这种tab栏的切换：</p> <p><img alt="" src="http://img.smyhvae.com/20180128_1750.gif"/></p> <p>我们把模型抽象出来，实现一下。</p> ...