Terokai ciri dan aplikasi HTML menggunakan atribut paparan
Ciri-ciri dan aplikasi atribut paparan dalam HTML
HTML ialah bahasa penanda yang digunakan untuk mencipta halaman web Atribut paparan ialah salah satu atribut yang biasa digunakan dalam HTML dan digunakan untuk mengawal cara elemen dipaparkan pada muka surat. Atribut paparan mempunyai nilai yang berbeza, setiap nilai mempunyai ciri dan aplikasinya sendiri. Artikel ini akan memperkenalkan beberapa nilai atribut paparan biasa dan memberikan contoh kod yang sepadan.
- paparan: blok
blok ialah nilai lalai atribut paparan, yang bermaksud elemen tersebut akan dipaparkan sebagai elemen peringkat blok. Elemen peringkat blok akan menduduki keseluruhan baris pada halaman, menduduki barisnya sendiri sehingga ia menemui baris baharu. Elemen peringkat blok boleh menetapkan atribut seperti lebar, tinggi, jidar dalaman dan luaran serta boleh memuatkan elemen lain.
Contoh kod:
<!DOCTYPE html>
<html>
<head>
<style>
div {
display: block;
width: 200px;
height: 200px;
background-color: red;
margin: 10px;
}
</style>
</head>
<body>
<div>This is a block element.</div>
</body>
</html>- paparan: sebaris
sebaris bermaksud elemen akan dipaparkan sebagai elemen sebaris. Elemen sebaris tidak menduduki satu baris dengan sendirinya dan boleh dipaparkan pada baris yang sama dengan elemen lain. Sifat seperti lebar, tinggi, jidar dalam dan luar, dsb. unsur sebaris tidak mempunyai kesan dan boleh memuatkan teks atau unsur sebaris lain.
Contoh kod:
<!DOCTYPE html>
<html>
<head>
<style>
span {
display: inline;
background-color: yellow;
padding: 10px;
}
</style>
</head>
<body>
<span>This is an inline element.</span>
</body>
</html>- paparan: inline-block
inline-block ialah satu lagi nilai biasa atribut paparan, yang bermaksud elemen itu akan dipaparkan sebagai elemen blok sebaris. Elemen blok sebaris boleh dipaparkan pada baris yang sama, dan atribut seperti lebar, ketinggian serta jidar dalam dan luar boleh ditetapkan.
Contoh kod:
<!DOCTYPE html>
<html>
<head>
<style>
div {
display: inline-block;
width: 100px;
height: 100px;
background-color: blue;
margin: 10px;
}
</style>
</head>
<body>
<div>This is an inline-block element.</div>
<div>This is another inline-block element.</div>
</body>
</html>- paparan: tiada
tiada bermakna elemen tidak akan dipaparkan dan elemen itu tidak menduduki sebarang ruang pada halaman. Gunakan paparan: tiada untuk menyembunyikan elemen, yang setara dengan mengalih keluar elemen daripada halaman.
Contoh kod:
<!DOCTYPE html>
<html>
<head>
<style>
p {
display: none;
}
</style>
</head>
<body>
<p>This paragraph will not be displayed.</p>
</body>
</html>Di atas ialah beberapa nilai biasa bagi atribut paparan dan contoh kod yang sepadan. Dengan menggunakan atribut paparan secara fleksibel, kami boleh mengawal cara elemen dipaparkan pada halaman dan mencapai kesan reka letak yang berbeza.
Atas ialah kandungan terperinci Terokai ciri dan aplikasi HTML menggunakan atribut paparan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Bagaimana untuk membuat asal Padam dari Skrin Utama dalam iPhone
Apr 17, 2024 pm 07:37 PM
Memadamkan sesuatu yang penting daripada skrin utama anda dan cuba mendapatkannya semula? Anda boleh meletakkan ikon apl kembali pada skrin dalam pelbagai cara. Kami telah membincangkan semua kaedah yang boleh anda ikuti dan meletakkan semula ikon aplikasi pada skrin utama Cara Buat Asal Alih Keluar dari Skrin Utama dalam iPhone Seperti yang kami nyatakan sebelum ini, terdapat beberapa cara untuk memulihkan perubahan ini pada iPhone. Kaedah 1 – Gantikan Ikon Apl dalam Pustaka Apl Anda boleh meletakkan ikon apl pada skrin utama anda terus daripada Pustaka Apl. Langkah 1 – Leret ke sisi untuk mencari semua apl dalam pustaka apl. Langkah 2 – Cari ikon apl yang anda padamkan sebelum ini. Langkah 3 – Hanya seret ikon apl dari pustaka utama ke lokasi yang betul pada skrin utama. Ini adalah gambar rajah aplikasi
Peranan dan aplikasi praktikal simbol anak panah dalam PHP
Mar 22, 2024 am 11:30 AM
Peranan dan aplikasi praktikal simbol anak panah dalam PHP Dalam PHP, simbol anak panah (->) biasanya digunakan untuk mengakses sifat dan kaedah objek. Objek adalah salah satu konsep asas pengaturcaraan berorientasikan objek (OOP) dalam PHP Dalam pembangunan sebenar, simbol anak panah memainkan peranan penting dalam mengendalikan objek. Artikel ini akan memperkenalkan peranan dan aplikasi praktikal simbol anak panah, dan menyediakan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik. 1. Peranan simbol anak panah untuk mengakses sifat sesuatu objek Simbol anak panah boleh digunakan untuk mengakses sifat objek. Apabila kita instantiate sepasang
Daripada pemula hingga mahir: Terokai pelbagai senario aplikasi arahan tee Linux
Mar 20, 2024 am 10:00 AM
Perintah Linuxtee ialah alat baris arahan yang sangat berguna yang boleh menulis output ke fail atau menghantar output ke arahan lain tanpa menjejaskan output sedia ada. Dalam artikel ini, kami akan meneroka secara mendalam pelbagai senario aplikasi arahan Linuxtee, daripada kemasukan kepada kemahiran. 1. Penggunaan asas Mula-mula, mari kita lihat pada penggunaan asas arahan tee. Sintaks arahan tee adalah seperti berikut: tee[OPTION]...[FAIL]...Arahan ini akan membaca data daripada input standard dan menyimpan data ke
Terokai kelebihan dan senario aplikasi bahasa Go
Mar 27, 2024 pm 03:48 PM
Bahasa Go ialah bahasa pengaturcaraan sumber terbuka yang dibangunkan oleh Google dan pertama kali dikeluarkan pada tahun 2007. Ia direka bentuk untuk menjadi bahasa yang mudah, mudah dipelajari, cekap dan sangat bersesuaian, serta digemari oleh semakin ramai pembangun. Artikel ini akan meneroka kelebihan bahasa Go, memperkenalkan beberapa senario aplikasi yang sesuai untuk bahasa Go dan memberikan contoh kod khusus. Kelebihan: Konkurensi yang kuat: Bahasa Go mempunyai sokongan terbina dalam untuk benang-goroutine ringan, yang boleh melaksanakan pengaturcaraan serentak dengan mudah. Goroutin boleh dimulakan dengan menggunakan kata kunci go
Aplikasi luas Linux dalam bidang pengkomputeran awan
Mar 20, 2024 pm 04:51 PM
Aplikasi Linux yang luas dalam bidang pengkomputeran awan Dengan perkembangan berterusan dan mempopularkan teknologi pengkomputeran awan, Linux, sebagai sistem pengendalian sumber terbuka, memainkan peranan penting dalam bidang pengkomputeran awan. Disebabkan oleh kestabilan, keselamatan dan fleksibilitinya, sistem Linux digunakan secara meluas dalam pelbagai platform dan perkhidmatan pengkomputeran awan, menyediakan asas yang kukuh untuk pembangunan teknologi pengkomputeran awan. Artikel ini akan memperkenalkan rangkaian luas aplikasi Linux dalam bidang pengkomputeran awan dan memberikan contoh kod khusus. 1. Aplikasi teknologi virtualisasi Linux dalam platform pengkomputeran awan Teknologi Virtualisasi
Memahami cap masa MySQL: fungsi, ciri dan senario aplikasi
Mar 15, 2024 pm 04:36 PM
Cap waktu MySQL ialah jenis data yang sangat penting, yang boleh menyimpan tarikh, masa atau tarikh tambah masa. Dalam proses pembangunan sebenar, penggunaan cap masa yang rasional boleh meningkatkan kecekapan operasi pangkalan data dan memudahkan pertanyaan dan pengiraan berkaitan masa. Artikel ini akan membincangkan fungsi, ciri dan senario aplikasi cap waktu MySQL, dan menerangkannya dengan contoh kod khusus. 1. Fungsi dan ciri cap waktu MySQL Terdapat dua jenis cap masa dalam MySQL, satu ialah TIMESTAMP
Tutorial Apple tentang cara menutup aplikasi yang sedang berjalan
Mar 22, 2024 pm 10:00 PM
1. Mula-mula kita klik pada titik putih kecil. 2. Klik pada peranti. 3. Klik Lagi. 4. Klik Penukar Aplikasi. 5. Tutup sahaja latar belakang aplikasi.
Adakah terdapat ciri berorientasikan objek seperti kelas di Golang?
Mar 19, 2024 pm 02:51 PM
Tiada konsep kelas dalam erti kata tradisional dalam Golang (bahasa Go), tetapi ia menyediakan jenis data yang dipanggil struktur, yang melaluinya ciri berorientasikan objek yang serupa dengan kelas boleh dicapai. Dalam artikel ini, kami akan menerangkan cara menggunakan struktur untuk melaksanakan ciri berorientasikan objek dan menyediakan contoh kod konkrit. Definisi dan penggunaan struktur Pertama, mari kita lihat definisi dan penggunaan struktur. Di Golang, struktur boleh ditakrifkan melalui kata kunci jenis dan kemudian digunakan di mana perlu. Struktur boleh mengandungi atribut
