"Panduan Definitif untuk CSS" dalam bahasa Mandarin: Setiap elemen terlihat yang bukan elemen tingkat blok adalah elemen sebaris. Ciri kinerjanya adalah bentuk “tata letak baris”, yang dimaksud dengan “tata letak baris” di sini adalah bentuk ekspresinya selalu ditampilkan dalam baris. Misalnya, saat kita menyetel elemen sebaris border-bottom:1px solid #000;, elemen tersebut akan diulang di setiap baris, dan akan ada garis hitam tipis di bawah setiap baris. Jika itu adalah elemen tingkat blok, garis hitam yang ditampilkan hanya akan muncul di bawah blok.
Elemen seperti p, h1, atau div sering disebut elemen tingkat blok, dan elemen ini ditampilkan sebagai blok konten; elemen seperti Strong dan span disebut elemen inline, dan kontennya ditampilkan dalam baris, yaitu , "kotak sebaris". (Anda dapat menggunakan display=block untuk mengubah elemen sebaris menjadi elemen blok. display=none berarti elemen yang dihasilkan tidak memiliki bingkai sama sekali, tidak menampilkan elemen atau memakan ruang dalam dokumen)
J: Elemen sebaris adalah elemen dalam satu baris dan hanya dapat ditempatkan di dalam satu baris; elemen tingkat blok hanyalah kotak empat persegi dan dapat ditempatkan di mana saja pada halaman.
B: Terus terang, elemen sebaris seperti sebuah kata; elemen tingkat blok seperti paragraf.
C: Elemen tingkat blok umum seperti paragraf <p>, judul <h1><h2>..., daftar, <ul><ol><li>, tabel <tabel>, formulir <form>, DIV<div > dan BODY <body> dan elemen lainnya. Elemen inline seperti: elemen form <input>, hyperlink <a>, gambar <img>, <span>…..
D: Fitur penting dari elemen tingkat blok adalah bahwa setiap elemen tingkat blok mulai ditampilkan pada baris baru, dan elemen berikutnya juga perlu ditampilkan pada baris baru.
E: <span> adalah elemen sebaris dalam definisi CSS, sedangkan <div> adalah elemen tingkat blok.
Menggunakan kata container akan memudahkan untuk memahami secara visual keberadaan dan tujuannya. Elemen inline setara dengan wadah kecil, sedangkan <div> setara dengan wadah besar. <span> adalah wadah kecil.
Elemen blok umumnya merupakan elemen wadah untuk elemen lain. Elemen blok umumnya dimulai pada baris baru. Elemen blok dapat mengakomodasi elemen blok lainnya. Elemen blok yang umum adalah tag paragraf 'P' Istimewanya, ini hanya dapat digunakan untuk memuat elemen blok lainnya.
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
Popularitas: 26% [?]