1. Gunakan tag tabel dan fungsinya sendiri
<style> .parent{ batas: 1px merah pekat; tinggi: 500px } .child{ batas: 1px hitam pekat } </style><body> <!-- --> <table class=parent> <tr> <td kelas=anak> tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes tes </td> </tr> </tabel></tubuh>Memengaruhi
2. margin-kiri: -50px; margin-atas: -50px
<gaya> .induk{ posisi: relatif; warna latar: kuning; lebar: 500 piksel; tinggi: 200 piksel } .anak{ lebar: 100 piksel; tinggi: 100 piksel; ; kiri: 50%; margin-kiri: -50 piksel; margin-atas: -50 piksel } </style>Memengaruhi
3. transformasi: terjemahkan(-50%,-50%)
<gaya> .induk{ lebar: 500 piksel; tinggi: 300 piksel; batas: 1 piksel merah; posisi: relatif; } .anak{ lebar: 200 piksel; batas: 1 piksel hitam pekat; ; kiri:50%; transformasi: terjemahkan(-50%,-50%) } </gaya>Memengaruhi
4. margin: otomatis;
<gaya> .p{ lebar: 300 piksel; tinggi: 200 piksel; warna latar: #dedede; ; atas:0; bawah:0; kiri: 0; kanan: 0 } </gaya>Memengaruhi
5. Kotak fleksibel
<style> .p{ batas: 1px merah solid; lebar: 400px; tinggi: 500px; tampilan: flex; justify-content: center; align-items: center } .c{ lebar: 100px; : merah; } </gaya>Memengaruhi
Apa saja fitur baru html5CSS3 dan elemen mana yang telah dihapus? Bagaimana cara mengatasi masalah kompatibilitas browser dengan tag baru HTML5? Bagaimana cara membedakan HTML dan HTML5?HTML5 bukan lagi bagian dari SGML, ini terutama tentang penambahan gambar, lokasi, penyimpanan, geolokasi, dan fungsi lainnya.
Elemen kanvas lukisan
elemen video dan audio untuk pemutaran media
Penyimpanan offline lokal localStorage menyimpan data untuk waktu yang lama, dan data tidak hilang setelah browser ditutup;
data sessionStorage secara otomatis dihapus setelah browser ditutup
Elemen konten dengan semantik yang lebih baik, seperti artikel, footer, header, nav, bagian
Kontrol formulir, kalender, tanggal, waktu, email, url, pencarian
CSS3 mengimplementasikan sudut membulat, bayangan, efek khusus pada teks, dan menambahkan lebih banyak pemilih CSS dan rgba multi-latar belakang
Pekerja web teknologi baru, websockt, Geolokasi
elemen yang dihapus
Elemen yang murni ekspresif: font dasar, besar, tengah, font, s, strike, tt, u;
Elemen yang memiliki dampak negatif pada kegunaan: frame, frameset, noframes; tag dukungan IE8/IE7/IE6 yang dihasilkan melalui metode document.createElement.
Fitur ini dapat digunakan untuk mengaktifkan browser ini untuk mendukung tag baru HTML5.
Setelah browser mendukung tag baru, Anda juga perlu menambahkan gaya default tag: tentu saja, cara terbaik adalah dengan langsung menggunakan kerangka kerja yang matang, dan yang paling banyak digunakan adalah kerangka html5shim.
- <!--[if lt IE 9]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.