Pengenalan kepada susun atur css div +s
Adakah anda sedang belajar susun atur CSS? Masih tidak dapat menguasai reka letak CSS tulen? Biasanya terdapat dua situasi yang menghalang pembelajaran anda:
Kemungkinan pertama ialah anda tidak memahami prinsip halaman pemprosesan CSS. Sebelum anda mempertimbangkan prestasi keseluruhan halaman anda, anda harus terlebih dahulu mempertimbangkan semantik dan struktur kandungan,
Kemudian tambah CSS untuk semantik dan struktur. Artikel ini akan memberitahu anda cara menstruktur HTML.
Sebab lain ialah anda kehilangan atribut lapisan pembentangan yang sangat biasa (seperti: cellpadding, hspace, align="left", dll.) dan tidak tahu apa yang perlu dilakukan
Tukar kepada pernyataan CSS yang sepadan. Apabila anda menyelesaikan masalah pertama dan mengetahui cara menyusun HTML anda, saya akan memberikan anda senarai yang memperincikan jadual asal
Apakah CSS yang perlu saya gunakan untuk menggantikan atribut semasa?
HTML Berstruktur
Apabila kami mula-mula mempelajari penghasilan halaman web, kami sentiasa mempertimbangkan cara mereka bentuknya terlebih dahulu, dengan mengambil kira gambar, fon, warna dan pelan reka letak. Lepas tu kita guna Photoshop
Atau lukiskannya dalam Bunga Api dan potong menjadi gambar kecil. Akhir sekali, edit HTML untuk memulihkan semua reka bentuk ke halaman.
Jika anda mahu halaman HTML anda disusun dengan CSS (mesra CSS), anda perlu kembali dan mulakan semula Jangan fikirkan tentang "penampilan" dahulu, tetapi fikirkan tentang halaman anda dahulu
Semantik dan struktur kandungan.
Penampilan bukanlah perkara yang paling penting. Halaman HTML yang tersusun dengan baik boleh melihat apa-apa rupa, dan CSS Zen Garden ialah contoh utama. CSS Zen
Garden membantu kami akhirnya menyedari kuasa CSS.
HTML bukan sahaja untuk dibaca pada skrin komputer. Imej anda yang direka dengan teliti dalam photoshop mungkin tidak dipaparkan pada PDA, telefon mudah alih dan pembaca skrin. Tetapi
Ia adalah halaman HTML yang tersusun dengan baik yang boleh dipaparkan di mana-mana dan pada mana-mana peranti rangkaian melalui definisi CSS yang berbeza.
Mula berfikir
Perkara pertama yang perlu dipelajari ialah apa itu "struktur", yang sesetengah penulis juga panggil "semantik". Maksud istilah ini ialah anda perlu menganalisis blok kandungan anda dan perkara yang disediakan oleh setiap kandungan
Tujuan, dan kemudian wujudkan struktur HTML yang sepadan berdasarkan tujuan kandungan ini.
Kenyataan:
Semua sumber di laman web ini disumbangkan dan diterbitkan oleh netizen, atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk pembelajaran dan rujukan sahaja. Tolong jangan gunakannya untuk tujuan komersial, jika tidak, anda akan bertanggungjawab untuk semua akibat yang ditanggung! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadam dan mengalih keluarnya. Maklumat hubungan: admin@php.cn