Gunakan bahagian standard untuk memasang halaman web DIV susun atur-WEB reka bentuk tapak web standard experience_CSS/HTML

Saya mempunyai idea seperti ini, tetapi saya tidak tahu sama ada ia boleh dilaksanakan

Contoh:
Lajur kiri dalam reka letak, atributnya ialah: {Left, width, background color, font, etc.}
Jika setiap atribut dijadikan bahagian standard, dan kemudian dipasang dan digunakan seperti ini
class="float width height background fon padding....", lengkapkan gaya susun atur halaman dengan merujuk bahagian standard berbilang kelas
Mula-mula tentukan bahagian standard seperti yang diperlukan, seperti:

bahagian standard terapung
.l{float:left}
.r{float:right}
.cl{clear:left}
...

bahagian standard lebar
.w200{lebar:200px}
.w300{lebar:300px}
...

Bahagian standard latar belakang
.merah{background:red}
.hitam{latar belakang:#000}
.putih{latar belakang:#fff}
...
Petik jika perlu
class="l w200 red"[kiri, lebar 200, latar belakang merah]
class="r w200 white" [kanan, lebar 200, latar belakang putih]

Saya kini menulis kod saya sendiri dan boleh menentukan gaya reka letak dengan sehingga 2 kelas, yang dirasakan sangat mudah