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

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

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

什么是div+CSS？

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

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

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

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

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

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

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

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

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

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

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

請(qǐng)看下面的代碼

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

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

類：指定元素的類名。是一個(gè)部門的名字。

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

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

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