Streaming dokumen CSS, elemen level blok (blok), elemen inline (inline). Panduan otoritatif CSS Reilly> menemukan bahwa konsep aliran dokumen yang disebutkan di dalamnya membuat saya sangat sensitif Konsep ini sangat penting. Jika ada kesalahan, itu murni normal. Aliran dokumen membagi formulir dari atas ke bawah menjadi baris, dan mengeluarkan elemen di setiap baris agar dari kiri ke kanan, yang merupakan aliran dokumen. Ada beberapa pertanyaan lagi yang tidak saya mengerti 1. Sebagai elemen inline, salah satu dari tiga elemen dasar, apa perbedaan utama antara itu dan elemen tingkat blok? Apa arti elemen inline? Apa itu elemen level blok. Teks Cina dari "panduan otoritatif CSS" menunjukkan bahwa elemen yang terlihat yang bukan elemen tingkat blok adalah elemen inline. Karakteristik ekspresinya adalah bentuk "tata letak baris". Misalnya, ketika kami menetapkan elemen inline-bottom: 1px solid #000;, diulangi 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. Izinkan saya memberi Anda contoh praktis sederhana: misalnya <verv> Saya suka CSS - 52css.com </div> Elemen inline umumnya didasarkan pada elemen dasar semantik. Elemen inline hanya dapat mengakomodasi teks atau elemen inline lainnya, dan elemen inline umum "A". Elemen blok elemen inline Elemen elemen variabel adalah elemen blok atau elemen inline berdasarkan konteks.
Setiap elemen tingkat blok yang tidak mengambang menempati satu baris, dan elemen mengambang mengapung di satu ujung baris sesuai dengan peraturan.
Elemen inline juga tidak menempati satu baris.
Ada tiga situasi yang akan menyebabkan elemen ada di luar aliran dokumen, yaitu mengambang, posisi absolut, dan posisi tetap. .
Elemen mengambang tidak menempati ruang aliran dokumen normal, dan penentuan posisi elemen mengambang didasarkan pada aliran dokumen normal, dan kemudian mengekstrak dari aliran dokumen dan bergerak ke kiri atau kanan sejauh mungkin. Konten teks akan mengelilingi elemen mengambang. Ketika suatu elemen diekstraksi dari aliran dokumen normal, elemen lain masih dalam aliran dokumen akan mengabaikan elemen dan mengisi ruang aslinya.
Akar penyebab konsep mengambang adalah interpretasi teori browser. Saya hanya bisa mengatakan bahwa banyak orang menggunakan IE sebagai standar, tetapi tidak.
Berdasarkan aliran dokumen, kita dapat dengan mudah memahami pola penentuan posisi berikut:
Posisi relatif, yaitu, diimbangi relatif terhadap posisi elemen dalam aliran dokumen.
Posisi absolut berarti sepenuhnya terlepas dari aliran dokumen, dan diimbangi dan posisi tetap relatif terhadap elemen induk terdekat dari atribut posisi nilai non-statis, yaitu, sepenuhnya terlepas dari aliran dokumen, dan diimbangi relatif terhadap viewport.
2. Bagaimana cara memahami ketika atribut yang jelas mengambil nilai yang tepat?
Elemen-elemen seperti P, H1, atau Div sering disebut elemen tingkat blok, dan elemen-elemen ini ditampilkan sebagai sepotong konten; yaitu, "kotak in-line". (Anda dapat menggunakan display = blok untuk mengonversi elemen di baris menjadi elemen blok. Display = tidak ada berarti bahwa elemen yang dihasilkan tidak memiliki kotak sama sekali, dan tidak ada yang menampilkan elemen, atau mengambil ruang dalam dokumen)
A: Garis adalah elemen dalam garis, dan hanya dapat ditempatkan di garis;
B: Terus terang, elemen dalam garis itu seperti kata;
C: Elemen-elemen tingkat blok umum seperti paragraf <p>, judul <h1> <h2>…, daftar, <ul> <l> <li>, tabel <able>, bentuk <sorm>, div <dv> dan dan Elemen tubuh seperti <tody>. Elemen inline seperti: Formulir Elemen <Sput>, Hyperlink <a>, Image <mmg>, <span> .....
D: Fitur khas tembus pandang tingkat blok adalah bahwa setiap elemen tingkat blok ditampilkan dari baris baru, dan tembus pandang selanjutnya juga perlu ditampilkan dari baris lain.
E: <span> milik elemen inline dalam definisi CSS, sedangkan <viv> adalah elemen tingkat blok.
Bagi mereka yang telah mempelajari CSS, Anda dapat memahaminya pada awalnya. Tetapi tidak mudah bagi pemula untuk memahami, jadi saya terutama menjelaskannya kepada para pemula yang lebih akrab!
Menggunakan kata wadah akan memudahkan keberadaan dan tujuannya dengan jelas. wadah kecil. <span> adalah wadah kecil. Tapi apa yang harus saya lakukan jika saya ingin memasukkan tinta di dalamnya? Ini sangat sederhana.
Saya ingin menggunakan CSS untuk menentukan gaya huruf C, sehingga kita dapat menggunakan <span>.
<verv> Saya suka CSS - <span> 52css.com </span> W3C Standard </div>
Elemen blok umumnya merupakan wadah elemen lain. , itu hanya dapat digunakan untuk memegang elemen blok lainnya.
Tanpa efek CSS, elemen blok akan diatur secara berurutan setiap saat. Dengan CSS, kita dapat mengubah mode tata letak default HTML ini dan menempatkan elemen blok di posisi yang Anda inginkan. Alih -alih memulai garis lain dengan bodoh setiap saat. Harus ditunjukkan bahwa tag tabel juga merupakan jenis elemen blok. Kecepatan. Namun, jika pengguna biasa secara tidak sengaja mengklik tombol Kode Sumber Halaman Tampilan, perbedaan antara keduanya akan sangat besar. Kode sumber halaman tata letak CSS yang dirancang berdasarkan konsep rekonstruksi yang baik setidaknya dapat memungkinkan pengguna biasa tanpa pengembangan web untuk dengan cepat memahami konten. Dari perspektif ini, kode tata letak CSS harus memiliki pengalaman estetika yang lebih baik.
Anda dapat membayangkan elemen wadah blok div sebagai kotak, atau jika Anda telah bermain dengan artikel clip-on, itu akan lebih mudah dipahami. Kami pertama -tama memotong artikel yang kami butuhkan dari berbagai surat kabar dan majalah. Setiap potongan potongan adalah blok. Lalu kami menempelkan ulang kertas ini ke selembar kertas baru yang kosong sesuai dengan niat tata letak kami sendiri. Ini akan membentuk berita pencernaan unik Anda sendiri. Sebagai perpanjangan teknologi, desain tata letak web mengikuti pola yang sama. .
Elemen blok dan elemen inline adalah konsep dalam spesifikasi HTML. Perbedaan dasar antara elemen blok dan elemen inline adalah bahwa elemen blok umumnya dimulai dengan garis baru. Namun, ketika kontrol CSS ditambahkan, perbedaan atribut antara elemen blok dan elemen inline tidak akan menjadi perbedaan. Misalnya, kita dapat menambahkan elemen inline mengutip ke atribut tampilan: blokir, sehingga juga dapat memiliki atribut yang dimulai dari baris baru setiap saat.
Konsep dasar elemen variabel adalah bahwa ia perlu menentukan apakah elemen tersebut adalah elemen blok atau elemen inline berdasarkan hubungan kontekstual. Elemen variabel masih termasuk dalam dua kategori elemen di atas. Lihat teks lengkap untuk klasifikasi elemen umum.
Mengenai nama Cina dari elemen inline, ada banyak elemen inline, elemen tertanam, elemen inline, dan elemen input langsung. Pada dasarnya tidak ada terjemahan terpadu, sebut saja apa pun yang Anda suka. Selain itu, ketika datang ke elemen inline, kami akan berpikir bahwa ada atribut tampilan yang ditampilkan: inline;
* Alamat - Alamat * BlockQuote - Referensi Blok * Pusat - Menyelaraskan Blok dalam Daftar Lifting * Dir - Direktori * Div - Level blok yang umum digunakan mudah dan juga merupakan tag utama tata letak CSS * DL - Daftar Definisi * Fieldset - Kontrol Formulir Grup* Formulir - Formulir Interaksi* H1 - Judul Besar* H2 - Subtitle* H3 - Level 3 Judul* H4 - Level 4 Judul* H5 - Level 5 Judul* H6 - Level 6 Judul* HR - Divider Horizontal* ISIndex - Input Prompt
* Menu - Daftar Menu * NofRames - Bingkai Konten Opsional, (Tampilkan konten blok ini untuk browser yang tidak mendukung bingkai * NOSCRIPT - Konten skrip opsional (Tampilkan konten ini untuk browser yang tidak mendukung skrip)
* ol - Sortir Formulir * P - Paragraf * Pra - Teks Format * Tabel - Tabel * Ul - Daftar Non -Sorted
* A - Anchor Point * ABBR - Singkatan * Akronim - Kata Pertama * B - Bold (tidak disarankan)
* BDO - BIDI OVERRIDE
* Besar - Font Besar * BR - Line Break * CITE - QUOTE * Kode - Kode Komputer (Diperlukan Saat Mengutip Kode Sumber)
* dfn - Tentukan bidang * em - tekankan * font - pengaturan font (tidak disarankan)
* i - Italic * IMG - Gambar * Input - Kotak Input * KBD - Tentukan Teks Keyboard * Label - Label Tabel * Q - Referensi Pendek * S - Markus Medium (Tidak Direkomendasikan)
* Samp - Tentukan Contoh Kode Komputer * Pilih - Pemilihan Proyek * Teks Font Kecil - Small Font * Span - Container inline yang biasa digunakan, tentukan blok dalam teks * Strike - SCORE MEDIA * Penekanan Kuat - Bold * Sub - Subskrip * Sup - SuperScript * TextArea - Kotak Input Teks Multi -Line * TT - Teletext * U - Underscore * Var - Tentukan Variabel
* applet - applet java
* Tombol - Tombol * Del - Hapus Teks * IFRAME - Bingkai Inline
* INS - Teks yang dimasukkan* Peta - blok gambar (peta)
* objek - objek objek* skrip - skrip klien