Rumah hujung hadapan web tutorial css Perbezaan antara Kelas dan ID, perbezaan antara margin dan padding Nota kajian CSS_Pertukaran pengalaman

Perbezaan antara Kelas dan ID, perbezaan antara margin dan padding Nota kajian CSS_Pertukaran pengalaman

May 16, 2016 pm 12:06 PM
margin padding

Perbezaan antara Kelas dan ID, perbezaan antara margin dan padding, nota kajian CSS_Pertukaran pengalaman

Sejak 99.99% daripada CMS kini menggunakan p+css untuk membina templat halaman web, saya Saya terpaksa tidak mempunyai pilihan selain belajar CSS pada usia lanjut Sejujurnya, saya tidak fikir menggunakan p untuk susun atur adalah lebih baik daripada jadual! Tetapi disebabkan keadaan semasa, mari kita lihat sahaja sejauh mana kita boleh belajar.
Mengikut prinsip pemisahan data dan struktur, CSS adalah yang terbaik untuk bebas daripada fail halaman web Gunakan pernyataan

<link rel="stylesheet" type="text/css" href="../xxx/web.css" />
Salin selepas log masuk

untuk memindahkan fail CSS ke dalam fail halaman web tidak disyorkan untuk menulis kod CSS terus dalam fail halaman web. Kelebihan ini ialah ia mudah diubah suai, dan ia mesra enjin carian, jadi perangkak enjin carian tersebut boleh merangkak dengan mudah.


atribut margin dan padding
atribut margin dan padding boleh difahami dengan mudah sebagai margin luar dan margin dalam elemen:

margin-top, 
margin-right, 
margin-bottom, 
margin-left, 
padding-top, 
padding-right, 
padding-bottom and padding-left
Salin selepas log masuk

Perbezaan antara Kelas dan ID
Ringkasnya, nama ID hanya boleh muncul sekali dalam halaman, manakala CLASS boleh muncul berbilang kali, jika nama ID muncul dua kali dalam halaman , kemunculan muka surat bertentangan akan berubah Tetapi apakah kesannya? Elemen tunggal, atau perkara yang memerlukan kawalan program atau JS, perlu ditakrifkan dengan id elemen yang digunakan semula ditakrifkan dengan kelas.

Di atas adalah perbezaan antara Kelas dan ID, perbezaan antara margin dan padding, kandungan pertukaran nota kajian CSS_pengalaman, untuk kandungan yang lebih berkaitan, sila perhatikan laman web PHP Cina (www.php. cn)!


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penjelasan terperinci tentang sifat sempadan CSS: padding, margin dan sempadan Penjelasan terperinci tentang sifat sempadan CSS: padding, margin dan sempadan Oct 21, 2023 am 11:07 AM

Sifat sempadan CSS dijelaskan secara terperinci: padding, margin dan borderCSS ialah bahasa helaian gaya yang digunakan untuk mengawal dan susun atur elemen halaman web. Dalam reka bentuk web, atribut sempadan adalah salah satu bahagian yang paling penting. Artikel ini akan memperkenalkan secara terperinci cara menggunakan atribut sempadan dalam CSS dan memberikan contoh kod khusus. padding Sifat padding digunakan untuk menetapkan padding elemen, iaitu ruang antara kandungan elemen dan sempadan elemen. Kita boleh menetapkan padding menggunakan nombor positif atau nilai peratusan

Apakah maksud margin dalam css Apakah maksud margin dalam css Dec 18, 2023 am 10:30 AM

Dalam CSS, margin ialah sifat yang digunakan untuk menetapkan margin luar sesuatu elemen. Margin ialah ruang antara sempadan elemen dan kandungannya. Margin boleh menerima nilai berikut: 1. Nilai tunggal: contohnya, margin: 10px; Tetapkan jidar atas dan bawah kepada 10 piksel, dan jidar kiri dan kanan kepada 20 piksel, empat nilai dan seterusnya.

Penjelasan terperinci tentang sifat susun atur teks CSS: limpahan teks dan ruang putih Penjelasan terperinci tentang sifat susun atur teks CSS: limpahan teks dan ruang putih Oct 20, 2023 am 11:19 AM

Penjelasan terperinci tentang sifat susun atur teks CSS: limpahan teks dan ruang putih Dalam reka bentuk web, reka letak teks ialah pautan yang sangat penting Susun atur yang munasabah boleh menjadikan teks lebih mudah dibaca dan cantik. CSS menyediakan beberapa sifat untuk mengawal cara teks dipaparkan, termasuk limpahan teks dan ruang putih. Artikel ini akan memperincikan penggunaan dan kod sampel kedua-dua sifat ini. 1. teks atribut limpahan-teks

Atribut margin tidak menjejaskan elemen sebaris Atribut margin tidak menjejaskan elemen sebaris Feb 18, 2024 pm 04:36 PM

Kesan jidar pada elemen sebaris adalah berbeza daripada unsur tahap blok. Dalam elemen sebaris, atribut jidar hanya mempengaruhi jidar atas dan bawah menegak, bukan jidar kiri dan kanan mendatar. Sebagai contoh, jika terdapat elemen perenggan dalam HTML, kita boleh menetapkan beberapa gaya untuknya dan memerhatikan kesan atribut margin padanya. Kod HTML kelihatan seperti ini:

Cara menggunakan atribut padding dalam css Cara menggunakan atribut padding dalam css Dec 07, 2023 pm 02:58 PM

Dalam CSS, sifat padding digunakan untuk menetapkan padding sesuatu elemen. Ini bermakna ia mentakrifkan ruang antara kandungan elemen dan sempadannya. Sintaks asas ialah "padding: value;".

Apakah maksud margin dalam html Apakah maksud margin dalam html Sep 13, 2021 pm 04:26 PM

Dalam HTML, margin bermaksud "margin luar", yang merujuk kepada kawasan kosong yang mengelilingi sempadan elemen akan mewujudkan "ruang kosong" tambahan di luar elemen, membolehkan jarak "kosong" antara kotak . Untuk menetapkan margin, anda perlu menggunakan sifat margin css, yang menerima sebarang unit panjang, nilai peratusan, atau bahkan nilai negatif.

Meneroka sifat model kotak CSS: pelapik, jidar dan jidar Meneroka sifat model kotak CSS: pelapik, jidar dan jidar Oct 20, 2023 pm 03:09 PM

Penerokaan sifat model kotak CSS: padding, margin dan sempadan Model kotak CSS adalah salah satu konsep penting dalam reka letak halaman web. Dalam pembangunan bahagian hadapan, pemahaman dan penggunaan padding, margin dan atribut sempadan dengan betul adalah penting. Artikel ini akan menyelidiki penggunaan dan korelasi ketiga-tiga sifat ini, dan memberikan contoh kod khusus. 1. Pengenalan kepada model kotak Model kotak terdiri daripada empat bahagian: kandungan, padding, bo

Apakah maksud margin fail css? Apakah maksud margin fail css? Jan 30, 2023 am 09:34 AM

margin fail css ialah atribut css yang digunakan untuk menentukan ruang di sekeliling elemen mewakili margin luar Anda boleh menukar margin atas, bawah, kiri dan kanan elemen secara individu, atau anda boleh menukar semua atribut sekaligus; atribut margin menerima sebarang unit panjang, nilai peratusan atau bahkan nilai negatif.

See all articles