學成線上網站
在學習了網站開發的標準流和浮動後，做的一個小案例
在開發網站中的準備工作，我們建立資料夾（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標籤用於搜尋