“網(wǎng)站是如何制作的？你使用了非常高的技術(shù)嗎？”

這是大多數(shù)童鞋常有的問題

重慶網(wǎng)站產(chǎn)量沒有我們想象的那么高。實際上，網(wǎng)站制作非常簡單。是一個叫div+CSS的人做的

什么是div+CSS？

Div+CSS是網(wǎng)站布局的方式

Div：是一種常見的頁面布局結(jié)構(gòu)。它取代了傳統(tǒng)的表格布局。（相當(dāng)于人的骨骼和部分）

美化和裝飾網(wǎng)站。（相當(dāng)于人們的衣服、鞋子、帽子等裝飾自己的東西）

例如，如果我們將一個div與一個人進行比較，那么CSS就是為那個人穿上一件華麗的外套。

div+CSS布局的優(yōu)點是什么？

這樣就簡化了代碼，提高了頁面的下載速度，有利于搜索引擎的優(yōu)化。

網(wǎng)站開發(fā)完成后。如果用戶想使用傳統(tǒng)的表格布局，可以通過“百度搜索”獲得網(wǎng)站的信息。會造成頁面很亂，不利于百度的搜索和搜索。

結(jié)構(gòu)和風(fēng)格是分開的，以便于前端開發(fā)人員和后端程序開發(fā)人員之間的劃分和協(xié)調(diào)。

一個完整的網(wǎng)站是由前端開發(fā)人員和后端程序開發(fā)人員完成的。

前端人員負責(zé)網(wǎng)站頁面的設(shè)計和布局。后臺開發(fā)人員負責(zé)網(wǎng)站功能的開發(fā)（如文件上傳）

如果結(jié)構(gòu)和風(fēng)格不分離，不利于前端開發(fā)人員和后臺開發(fā)人員的后續(xù)工作。

請看下面的代碼

你看了這段代碼后覺得怎么樣？有人會問什么是div？什么是班級？什么是騙局？什么是風(fēng)格？

Div：是頁面布局標(biāo)簽。

類：指定元素的類名。是一個部門的名字。

附言：div的名字可以隨意使用。

<div class=“con”>這意味著我定義了一個div并將其命名為“con”

風(fēng)格：頭部部分。它的外觀是讓我們告訴瀏覽器我想為一個叫做con的東西指定一個樣式。例如。一個叫con的div的寬度是多少？高度是多少？什么顏色？