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

学成在线网站
在学习了网站开发的标准流和浮动后，做的一个小案例
在开发网站中的准备工作，我们创建文件夹（css文件夹存放css代码、images文件夹放一些图片）在css中首先去掉一些标签自带的样式
* {
margin: 0;
padding: 0;
/* 內减模式 */
box-sizing: border-box;
}
然后设置基本版心样式定义类为wrapper
/* 版心 */
.wrapper {
width: 1200px;
margin: 0 auto;
}
基本都有头部，我们设为hedder，负责头部区域的样式，在头部中基本有logo 导航、搜索和用户块，在logo块中，我们设置h1嵌套a嵌套img标签来实现
<h1>
<a href="#"><img src="./images/logo.png" alt=""></a>
</h1>
在导航中，几个样式相同，并列的样式使用ul嵌套li标签实现
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">课程</a></li>
<li><a href="#">职业规划</a></li>
</ul>
</div>
在搜索中，有input标签用于输入内容、button标签用于搜索