js是脚本语言，js的作用是行为，例如操作DOM等
css是样式，作用是用来装饰页面。
div是一个标签，我们通常叫他盒子，div也是属于html,它是一个块元素，占一整行。
写网页就像是建房子，html就是相当于房子的主体架构，div就是相当于房间，css就是相当于装修房子，把房子设置得好看的。js就是相当于家电，例如：灯光，你需要按下按钮之后才亮起来。
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0padding: 0box-sizing:border-box}
a{color:#666text-decoration: none}
.menu{width:220px}
.menu h2{width:100%height: 36pxline-height: 36pxfont-size:18pxpadding-left: 10pxbackground: #0F7CBF}
.menu h2 a{color:#fff}
.menu .item h3{height: 30pxline-height:30pxpadding-left:15pxbackground: #E4F1FA}
.menu .item h3 a{color:#0F7CBFfont-size: 14px}
.menu .item p{padding: 15pxline-height: 18px}
.menu .item p a{font-size: 12px}
</style>
</head>
<body>
<div class="menu">
<h2><a href="#">家用电器</a></h2>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
</div>
</body>
</html>
兼容IE8+
