1首先，在計算機桌面上創(chuàng)建一個新文件夾，然后在該文件夾中創(chuàng)建一個新的文本文檔2然后雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個簡單的html代碼3單擊“另存為”的功能選項，顯示默認保存為編碼為ANSI。

3然后輸入最簡單的HTML文本語言代碼如下 最簡單的網(wǎng)頁 4保存并關閉txt文本，然后修改我們txt文本的擴展名為html，此時會彈出警告框，提示我們修改后可能會導致文件不能使用，這是操作系統(tǒng)的一個處理邏輯，為了防止無意。

當窗口小于480px的時候，橫向?qū)Ш綏l隱藏，換成點擊下拉效果的導航條如上圖，從左至右依次為移動版本平板電腦桌面瀏覽器的效果1響應式網(wǎng)頁結(jié)構(gòu) 首先，我們先來看下上面案例展示的html結(jié)構(gòu)，如下圖所示可以說。

CSS 盒子模型Box Model所有HTML元素可以看作盒子，在CSS中，quotbox modelquot這一術(shù)語是用來設計和布局時使用CSS盒模型本質(zhì)上是一個盒子，封裝周圍的HTML元素，它包括邊距，邊框，填充，和實際內(nèi)容盒模型允許我們在其它。