Video: Web Development - Computer Science for Business Leaders 2016 2024
Harus ada cara untuk membuat bentuk kerja dengan betul, tanpa mengira lebar bekas itu. CSSS3 menyediakan mekanisme seperti ini yang mudah digunakan ketika merancang halaman HTML5 anda.
Atribut jelas digunakan pada elemen dengan atribut apungan. Atribut jelas dapat diatur ke kiri, kanan, atau keduanya. Menetapkan atribut jelas ke kiri bermaksud anda tidak mahu apa-apa di sebelah kiri elemen ini. Dalam erti kata lain, elemen harus berada di margin sebelah kiri bekasnya. Setiap label harus memulakan barisnya sendiri, jadi aturkan atribut jelas ke kiri.
Untuk memaksa butang ke barisnya sendiri, aturkan atribut yang jelas kepada kedua-duanya. Ini bermakna bahawa butang itu tidak mempunyai elemen ke kiri atau kanan. Ia sepatutnya menduduki garisannya sendiri.
Jika anda mahu elemen memulakan baris baru, tetapkan kedua-dua sifat terapung dan jelasnya ke kiri. Sekiranya anda mahukan satu elemen berada pada baris sahaja, tetapkan terapung ke kiri dan jelas kepada kedua-duanya.
Menggunakan atribut yang jelas membolehkan anda mempunyai kontena lebar fleksibel dan masih mengekalkan kawalan yang munasabah terhadap reka bentuk bentuk. Bentuknya boleh menjadi lebar yang sama dengan halaman dan masih berfungsi dengan baik. Versi ini berfungsi, tidak kira lebar halaman.
Berikut adalah kod CSS akhir, termasuk atribut yang jelas dalam label dan butang:
/ * floatForm. css Fail CSS untuk pergi dengan bentuk terapung Menunjukkan penggunaan float, width, margin, dan clear * / fieldset {background-color: #AAAAFF;} label {clear: left; terapung: kiri; lebar: 5em; teks-align: right; margin-right:. 5em;} input {float: left; butang latar belakang: butang #CCCCFF;} {float: left; jelas: kedua-duanya; margin-left: 7em; margin-top: 1em; warna latar belakang: # 0000CC; warna: #FFFFFF;}