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

其次网站组成中的轮播图一般定义类名为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>

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

 

上一篇:常用类


下一篇:Python 装饰器详解(下)