前端学习-学成在线网站开发笔记第二天

其次网站组成中的轮播图一般定义类名为banner，给这个盒子设置新的样式，占据整个浏览器的区域。
在banner中首先定义盒子模型使用类名wrapper，版心居中，
在wrapper中定义左右盒子模型，分别设置左浮动和右浮动，然后分别在左右盒子中设置样式，在左盒子中，定义ul嵌套li嵌套a标签实现效果模型，
<div class="banner">
<div class="wrapper">
<div class="left">
<ul>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
<li><a href="#">前端开发<span>></span></a></li>
</ul>
</div>
<div class="right">
<h2>我的课程表</h2>
<div class="content">
<dl>
<dt>继续学习 程序语言设计</dt>
<dd>正在学习-使用对象</dd>
</dl>
<dl>
<dt>继续学习 程序语言设计</dt>
<dd>正在学习-使用对象</dd>
</dl>
<dl>
<dt>继续学习 程序语言设计</dt>
<dd>正在学习-使用对象</dd>
</dl>
</div>
<a href="#" class="more">全部课程</a>
</div>
</div>
</div>

标签：学成,盒子,定义,前端,笔记,学习,程序语言,wrapper,前端开发
来源： https://www.cnblogs.com/open52000/p/15750444.html