“網站是如何制作的？你使用了非常高的技術嗎？”

這是大多數童鞋常有的問題

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

什么是div+CSS？

Div+CSS是網站布局的方式

Div：是一種常見的頁面布局結構。它取代了傳統的表格布局。（相當于人的骨骼和部分）

美化和裝飾網站。（相當于人們的衣服、鞋子、帽子等裝飾自己的東西）

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

div+CSS布局的優點是什么？

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

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

結構和風格是分開的，以便于前端開發人員和后端程序開發人員之間的劃分和協調。

一個完整的網站是由前端開發人員和后端程序開發人員完成的。

前端人員負責網站頁面的設計和布局。后臺開發人員負責網站功能的開發（如文件上傳）

如果結構和風格不分離，不利于前端開發人員和后臺開發人員的后續工作。

請看下面的代碼

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

Div：是頁面布局標簽。

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

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

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

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