Tanpa bantuan CSS, elemen blok akan disusun satu baris dalam satu waktu. Dengan CSS, kita dapat mengubah mode tata letak default HTML ini dan menempatkan elemen blok di tempat yang Anda inginkan. Daripada dengan bodohnya memulai baris baru setiap saat. Perlu diperhatikan bahwa tag tabel juga merupakan jenis elemen blok. Tata letak berbasis tabel dan tata letak berbasis css melihat kedua tata letak ini dari sudut pandang pengguna biasa (tidak termasuk orang tunanetra, orang buta, dll.), kecuali untuk kecepatan memuat halaman. Kecuali perbedaannya, tidak ada perbedaan lainnya. Namun jika pengguna biasa secara tidak sengaja mengklik tombol lihat kode sumber halaman, perbedaan keduanya akan sangat besar. Kode sumber halaman tata letak CSS yang dirancang berdasarkan konsep rekonstruksi yang baik setidaknya dapat memungkinkan pengguna biasa tanpa pengalaman pengembangan web untuk memahami konten dengan cepat. Dari perspektif ini, kode tata letak css seharusnya memiliki pengalaman estetika yang lebih baik.

Anda dapat menganggap div elemen wadah blok sebagai kotak, atau jika Anda pernah bermain-main dengan kliping, ini akan lebih mudah untuk dipahami. Kami pertama-tama memotong artikel yang diperlukan dari berbagai surat kabar dan majalah. Setiap bagian dari konten yang dipotong adalah satu blok. Kemudian kami merekatkan potongan-potongan kertas tersebut ke selembar kertas kosong baru sesuai dengan maksud tata letak kami. Ini akan membentuk abstrak unik Anda sendiri. Sebagai perpanjangan dari teknologi, desain tata letak web mengikuti pola yang sama.

Elemen sebaris umumnya didasarkan pada elemen dasar pada tingkat semantik. Elemen sebaris hanya dapat menampung teks atau elemen sebaris lainnya, dan elemen sebaris yang umum "a" adalah.

Elemen blok (block elemen) dan elemen inline (elemen inline) adalah konsep dalam spesifikasi HTML. Perbedaan mendasar antara elemen blok dan elemen sebaris adalah bahwa elemen blok umumnya dimulai pada baris baru. Ketika kontrol CSS ditambahkan, perbedaan atribut antara elemen blok dan elemen sebaris tidak lagi menjadi perbedaan. Misalnya, kita dapat menambahkan atribut seperti display:block ke elemen inline cite, sehingga elemen tersebut juga memiliki atribut memulai dari baris baru setiap saat.
Konsep dasar elemen yang bisa berubah adalah perlu menentukan apakah elemen tersebut merupakan elemen blok atau elemen inline berdasarkan konteksnya. Elemen variabel tetap termasuk dalam dua kategori elemen di atas. Setelah konteks menentukan kategorinya, maka harus mengikuti aturan elemen blok atau elemen sebaris. Lihat teks lengkap untuk klasifikasi elemen kasar.

ps: Mengenai nama Cina elemen inline, ada banyak macam elemen inline, elemen inline, elemen inline, dan elemen inline. Pada dasarnya tidak ada terjemahan terpadu, sebut saja sesuka Anda. Selain itu, ketika berbicara tentang elemen sebaris, kita akan memikirkan atribut tampilan yang disebut display:inline; atribut ini dapat memperbaiki masalah batas mengambang ganda (margin mengambang) IE yang terkenal.
elemen blok
* alamat - alamat
* blockquote - blok kutipan
* tengah - blok perataan tengah
* dir - daftar direktori
* div - level blok yang umum digunakan juga merupakan tag utama tata letak css
* dl - daftar definisi
* fieldset - membentuk grup kontrol
* formulir - formulir interaktif
* h1 - Judul
* h2 - subjudul
*h3 - Judul tingkat 3
*h4 - Judul tingkat 4
*h5 - Judul tingkat 5
*h6 - Judul tingkat 6
*jam - pembagi horizontal
* isindex - perintah masukan
*menu - daftar menu
* noframes - membingkai konten opsional, (menampilkan konten blok ini untuk browser yang tidak mendukung bingkai
*noscript -) Konten skrip opsional (menampilkan konten ini untuk browser yang tidak mendukung skrip)
*ol - formulir pengurutan
*p - paragraf
* teks yang telah diformat sebelumnya
* meja – meja
* ul - elemen sebaris daftar yang tidak disortir (elemen sebaris)
* a - titik jangkar
*abbr - singkatan
*akronim - kata awal
* b - tebal (tidak disarankan)
* bdo - penggantian bidi
* besar - font besar
* br - jeda baris
*mengutip - mengutip
* kode - kode komputer (diperlukan saat mengutip kode sumber)
* dfn - tentukan bidang
*em - penekanan
* font - pengaturan font (tidak disarankan)
* saya - miring
*img - gambar
* masukan - kotak masukan
* kbd - menentukan teks keyboard
* label - label tabel
*q - kutipan singkat
* s - tanda hubung (tidak disarankan)
* samp - mendefinisikan contoh kode komputer
* pilih - pemilihan item
* kecil - teks font kecil
* span - wadah sebaris yang umum digunakan untuk mendefinisikan blok dalam teks
* mogok - garis tengah
*kuat - Penekanan yang berani
* sub - subskrip
* sup - superskrip
* textarea - kotak input teks multi-baris
*tt - teks teleks
* kamu - garis bawah
* var - mendefinisikan elemen variabel variabel - elemen variabel adalah elemen blok atau elemen sebaris tergantung pada konteksnya.
* applet - applet java
* tombol - tombol
* del - hapus teks
* iframe - bingkai sebaris
* ins - teks yang disisipkan
* peta - blok gambar (peta)
* objek - objek objek
* skrip - skrip klien