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

PHP中文网
Lepaskan: 2016-05-16 12:06:34
asal
1831 orang telah melayarinya

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)!


Label berkaitan:
sumber: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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan