<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>妙味课堂-三栏“双飞翼”布局案例</title>
<link rel="stylesheet" type="text/css" href="css/13-2.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<!-- ie6 兼容h5标签 -->
<script type="text/javascript" src="js/html5shiv.min.js"></script>
<!-- ie6 兼容透明背景图片 -->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/fixIE.css">
<script src="js/DD_belatedPNG_0.0.8a.js"></script>
<script>
DD_belatedPNG.fix('.pngImg,.newLessonList em,.newIndexMainL h2,.newLessonList li a,.lessonsList dd span,.newIndexMainL li a,.footerLogo a,.accNum span');
</script>
<![endif]-->
</head>
<body>
<header id="header">
<h1 class="logo">
<a href="http://www.miaov.com" class="pngImg">妙味课堂</a>
</h1>
<nav class="headerNav">
<a href="http://www.miaov.com" class="active">首页</a>
<a href="http://www.miaov.com/index.php/about/index">妙味讲师</a>
<a href="http://www.miaov.com/index.php/Course/courseList">学习安排</a>
<a href="http://2017.miaov.com/bbs">妙味论坛</a>
<a href="http://www.miaov.com/index.php/about/index">关于我们</a>
</nav>
</header>
<!--banner-->
<div id="newIndexBanner"></div>
<!--main-->
<div class="newIndexMain">
<div id="main">
<div class="center">
<div class="centerMain">
<header class="mianHeader">
<h3>妙味新闻</h3>
<a href="#">more</a>
</header>
<section>
<h4 class="newsTitle">妙味课堂 - 北京·上海 - 同步测试题 现场</h4>
<time class="newsTime">2017-02-30</time>
</section>
<article class="newsDetail clearFix">
<div class="newsArticle">
<p>测试是必不可少的，题目出的越深，才能更好的检测大家知识掌握的是否牢固！在目前的人才竞争环境下，必须不断给学员提出更高的要求，将来他们面试时，才会受到更多公司的欢迎。话说前端是不是进入到了“既要拼技术，还要拼颜值”的时代？？</p>
<a href="#" class="newsBtn">查看详情</a>
</div>
<div class="newsArticleImg">
<img src="images/img.png" alt="">
</div>
</article>
<ul class="newsList clearFix">
<li>
<time>03-26</time><a href="#">关于在妙味社群内清除 Loser 们的通知</a></li>
<li>
<time>03-26</time><a href="#">关于在妙味社群内清除 Loser 们的通知</a></li>
<li>
<time>03-26</time><a href="#">关于在妙味社群内清除 Loser 们的通知</a></li>
<li>
<time>03-26</time><a href="#">关于在妙味社群内清除 Loser 们的通知</a></li>
<li>
<time>03-26</time><a href="#">关于在妙味社群内清除 Loser 们的通知</a></li>
<li>
<time>03-26</time><a href="#">关于在妙味社群内清除 Loser 们的通知</a></li>
</ul>
<header class="mianHeader">
<h3 class="orange">最新开班</h3>
<a href="#" class="orange">more</a>
</header>
<ul class="newLessonList clearFix">
<li>
<a href="#" class="lessonOne">
<em></em>
<span class="lessonTxt">
<span class="title">WEB前端开发</span>
<span>深度全栈系列周末班</span>
</span>
</a>
</li>
<li>
<a href="#" class="lessonTwo">
<em></em>
<span class="lessonTxt">
<span class="title">WEB前端开发</span>
<span>深度全栈系列周末班</span>
</span>
</a>
</li>
<li>
<a href="#" class="lessonThr">
<em></em>
<span class="lessonTxt">
<span class="title">WEB前端开发</span>
<span>深度全栈系列周末班</span>
</span>
</a>
</li>
<li>
<a href="#" class="lessonFour">
<em></em>
<span class="lessonTxt">
<span class="title">WEB前端开发</span>
<span>深度全栈系列周末班</span>
</span>
</a>
</li>
<li>
<a href="#" class="lessonFive">
<em></em>
<span class="lessonTxt">
<span class="title">WEB前端开发</span>
<span>深度全栈系列周末班</span>
</span>
</a>
</li>
<li>
<a href="#" class="lessonSix">
<em></em>
<span class="lessonTxt">
<span class="title">WEB前端开发</span>
<span>深度全栈系列周末班</span>
</span>
</a>
</li>
</ul>
<header class="mianHeader clearFix">
<h3 class="purple">本周课程表</h3>
<a href="#" class="purple">more</a>
</header>
<ul class="lessonsList clearFix">
<li>
<div class="date">星期一</div>
<div class="lessonD">
<dl class="dlBorder">
<dt>上午</dt>
<dd><span></span>H5表单</dd>
<dd><span></span>JS基础</dd>
<dd><span></span>定时器</dd>
<dd><span></span>BOM</dd>
<dd><span></span>jQuery</dd>
<dd><span></span>vue.js</dd>
</dl>
<dl>
<dt>下午</dt>
<dd><span></span>H5表单</dd>
<dd><span></span>JS基础</dd>
<dd><span></span>定
妙味课堂——前端HTML+CSS修炼之道--附赠章节源代码
1星 需积分: 12 88 浏览量
2018-02-23
16:40:58
上传
评论 1
收藏 3.45MB ZIP 举报 
46167-妙味课堂——前端HTML+CSS修炼之道--附赠章节源代码.zip （88个子文件） 
经典布局 css 
reset.css 1KB fixIE.css 474B 13-1.css 1KB 13-2.css 10KB images 
QR.png 22KB
banner.jpg 23KB logoTitle.png 20KB aboutimgs.jpg 37KB newIndexIcon.png 30KB newIndexSmallIcon--.png 6.58MB newIndexSmallIcon.png 7KB logo.jpg 5KB img.png 45KB ad.png 80KB bg.jpg 329B newIndexBanner.png 321KB
introduce.html 2KB 左右两栏版式_定位.html 767B 左右两栏版式_左右浮动.html 697B 图13-1.html 736B js html5shiv.min.js 3KB DD_belatedPNG_0.0.8a.js 12KB ex13-1.html 3KB ex13-2.html 17KB 图13-4.html 835B culture.html 2KB 图13-3.html 926B 双飞翼布局.html 1KB 图13-2.html 693B 兼容性 css table.css 2KB teacher.css 3KB reset.css 831B fixIE.css 265B login.css 3KB public.css 2KB index.css 8KB ex16-2_.html 598B images porsonPic.png 3KB logoTitle.png 24KB banner2.png 92KB loginBanner.png 47KB pngall.png 4KB teacherBanner.png 55KB tableBg.png 47KB navRight.png 18KB smallSprite.png 18KB zhongyi.png 29KB cpj-8.png 43KB cpj-5.png 17KB momo.png 28KB leftBg.png 1KB cpj-6.png 105KB liuwei.png 26KB shadow.png 1KB cpj-7.png 34KB cpj-4.png 58KB serviceP.png 17KB cpj.png 37KB navLeft.png 18KB logo.png 22KB circle.png 969B duoduo.png 27KB centerBg.png 988B
nav.gif 2KB cpj-3.png 81KB rightBg.png 1KB sprite.png 107KB cpj-2.png 41KB ex16-4.html 358B ex16-3_.html 596B ex16-5.html 405B 给文字标签添加display样式的以图换字.html 470B ex16-3.html 925B 缩进超大负值的以图换字.html 642B ex16-1.html 531B teacher.html 5KB login.html 4KB 对文字元素设置高度为0的以图换字.html 672B index.html 14KB ex16-2.html 319B 超大行高配合溢出隐藏的以图换字.html 638B js html5shiv.min.js 3KB DD_belatedPNG_0.0.8a.js 12KB all.js 931B table.html 4KB ex16-1_.html 578B 三个标签是并列关系的滑动门.html 784B 三个标签是嵌套关系的滑动门.html 788B资源评论
demaxiydadao2019-06-04骗子 真恶心 啊 什么鬼啊 这是 这个在其他地方都不要积分的 这就是源代码 书籍的pdf呢 骗子
