Rumah  >  Artikel  >  hujung hadapan web  >  Masalah yang dihadapi dengan reka letak Insights_CSS/HTML yang sangat baik

Masalah yang dihadapi dengan reka letak Insights_CSS/HTML yang sangat baik

WBOY
WBOYasal
2016-05-16 12:12:011374semak imbas

Kata Pengantar
Sebelum generasi seterusnya teknologi pembangunan WEB teknologi RIA matang, sudah tentu kita masih perlu melawan HTML. Beberapa ketika dahulu, "Pemfaktoran Semula Laman Web" sangat popular
Ini semua adalah kemajuan dan sememangnya memberi kita idea baharu. Berikut adalah ringkasan beberapa pengalaman dalam pembangunan.

Reka letak
1. Reka letak atas, bawah, kiri dan kanan
Saya baru mula belajar membuat halaman Saya menggunakan perisian DW MM, iaitu visual, supaya lebih ramai orang boleh belajar membuat web muka surat.
Saya masih ingat bahawa saya menggunakan DW semasa saya membuat halaman Seorang rakan pernah bertanya kepada saya ayat yang sama: "Apakah perbezaan antara membuat halaman web dengan lebih banyak borang atau menggunakan lebih banyak lapisan?".
Saya memberitahunya bahawa kami sebenarnya menggunakan Jadual Reka Letak-Layout dalam DW untuk melukis bingkai seluruh halaman dengan cepat, dan kemudian memperhalusinya langkah demi langkah. Membuat halaman adalah sangat pantas. Adalah disyorkan untuk menggunakan jadual Sukar untuk mengawal kedudukan menggunakan lapisan.
Sekarang apabila saya memikirkannya, ia benar-benar mengelirukan. Ha, tapi mungkin, kemajuan memerlukan proses.

"Pembinaan Semula Laman Web" Angin musim bunga bertiup, dan menggunakan lapisan untuk reka letak halaman sememangnya telah membawa idea baharu kepada pembangunan kami.
Kelebihan:
Halaman lebih jelas dan jumlah kod dikurangkan
CSS digunakan dengan lebih meluas.

Baris atas dan bawah, lapisan jelas, demo kod:











Anda boleh menggunakan kedudukan mutlak
#kepala{
kedudukan:mutlak
atas;10px;
kiri:200px; 🎜> }



Gunakan padding untuk mengawal pemisahan antara lapisan




5. Anda boleh menggunakan kurang imej menggunakan CSS


Demo susun atur halaman (kod sumber boleh dilihat, ia lebih jelas daripada susun atur JADUAL sebelumnya) :
http://davidblog.blogdriver.com/ davidblog/inc/demo_div.jpg
borang
1 Jidar dan padding borang
Dahulu, apabila memasukkan borang ke dalam halaman, saya sentiasa merasakan margin dan padding bukan 0. secara lalai, yang kadangkala mempengaruhi reka letak halaman
Anda boleh menggunakan CSS untuk menetapkannya kepada 0
bentuk{
margin:0 0 0 0px
padding:0 0 0 0px }
Anda juga boleh menentukan tag p atau tag lain

2 Pilih
aplikasi kumpulan pilihan

3 🎜>Hari ini


4. Butang
Projek sebelum ini menggunakan butang gambar. Secara beransur-ansur menemui kelemahan dalam aplikasi.
Adalah disyorkan untuk menggunakan CSS untuk mencantikkan.
Malah, CSS boleh mencapai butang yang lebih cantik


jadual
Anda masih perlu menggunakan jadual. meja sentiasa mempunyai pihak yang menang.
Sebagai contoh, sesetengah data memaparkan GRID atau strukturnya agak seragam, dan reka letak dibahagikan kepada baris dan lajur
kemahiran berkaitan jadual




Aplikasi. Ungkapan CSS Aplikasi CSS boleh mengurangkan penulisan kod

2


Markah yang patut diberi perhatian


Menu 1


Menu 2








    • Maklumat kesihatan:

    • Tinggi

      Berat

      superskrip

    Kenyataan:
    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