Tutorial pengenalan reka letak halaman web CSS 1: Lebar tetap satu lajur_Tutorial asas

Siri tutorial ini ialah tutorial peringkat permulaan, sesuai untuk pemula untuk belajar dan maju dari pengetahuan yang paling mudah sedikit demi sedikit. Ia terutamanya memberi tumpuan kepada contoh dan teori yang sangat sedikit, yang lebih sesuai untuk pemula untuk menguasai dengan cepat. Memandangkan saya masih belajar, tidak dapat dielakkan bahawa terdapat beberapa kesilapan atau ketinggalan, dan saya harap anda akan membetulkan saya. Tutorial ini merujuk kepada buku "Rekod Tata Letak Laman Web CSS", dan saya ingin mengucapkan terima kasih kepada penulis.
Untuk mempelajari DIV+CSS dengan baik, anda mesti mempunyai pengetahuan tertentu tentang HTML dan CSS Jika anda masih belum memahami perkara ini, saya cadangkan anda mengambil pelajaran ini dahulu dan kemudian mempelajari tutorial ini. Di samping itu, kita mesti meninggalkan mod pemikiran susun atur meja tradisional Mengenai sebabnya, anda perlahan-lahan akan menyedarinya semasa anda mempelajari tutorial ini. Jika anda sudah bersedia untuk ini, mari mulakan!

Satu lajur dengan lebar tetap
Satu lajur dengan lebar tetap ialah asas asas, jadi bahagian ini ialah bahagian pertama untuk bermula.
Kami menggunakan reka letak sebagai nama id untuk div untuk memudahkan tontonan, kami menggunakan warna latar belakang: #E8F5FE untuk menetapkan warna latar belakang div kepada biru muda, dan menggunakan jidar: 2px pepejal #A9C9E2; untuk menetapkan sempadan kepada warna biru langit. Sifat warna latar belakang dan sempadan akan diterangkan dalam tutorial akan datang.
Memandangkan ia adalah reka letak lebar tetap, kami tetapkan secara langsung lebar atribut lebar: 300px dan ketinggian atribut ketinggian: 200px, sila klik butang "Jalankan kod ini" untuk melihat kesan akhir.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Satu lajur dengan lebar tetap</title>