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

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

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

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