Seni bina CSS dalam projek BS_Hanya muatkan CSS yang anda perlukan_Pertukaran pengalaman

Mari kita bincangkan terlebih dahulu tentang kelebihan seni bina ini:
1 Kerja penulisan CSS yang berat boleh diedarkan dengan mudah tanpa menjejaskan satu sama lain.
2. Strukturnya jelas dan mudah diselenggara dan diubah suai.
3. Setiap halaman web hanya memuatkan CSS yang diperlukan.

Ringkasnya: meningkatkan kecekapan pembangunan, meningkatkan kecekapan penyelenggaraan dan meningkatkan kecekapan pemuatan halaman web.

Biar saya terangkan gambar rajah struktur CSS di atas:

Lima ikon hitam di tengah-tengah gambar mewakili halaman web, bahagian atas ialah halaman induk dan empat bahagian bawah ialah sub-halaman. Sesiapa sahaja yang menggunakan VS mengetahui peranan halaman induk, yang bersamaan dengan termasuk dalam ASP Bahagian biasa dijadikan halaman induk, dan bahagian bebas dijadikan sub-halaman untuk meningkatkan kecekapan pembangunan.

Kotak hijau di bahagian atas gambar ialah bahagian CSS global Ia disimpan dalam folder gaya, dipanggil oleh induk dan digunakan pada semua sub-halaman.

Kotak bertitik biru di bahagian atas gambar ialah bahagian CSS tunggal, di mana setiap subhalaman mempunyai folder yang sepadan untuk menyimpan fail CSS uniknya sendiri. Ia disimpan dalam folder styles/x. Dikawal oleh fail C# yang sepadan: apabila membuka subhalaman berbeza, induk memuatkan CSS halaman semasa.

Kotak merah di sudut kiri bawah gambar ialah bahagian tema, yang digunakan untuk menyimpan gaya dan gambar global. Fungsinya adalah sama seperti kotak hijau, kecuali ia dimuatkan oleh sub-halaman, bukan halaman induk. Tidak mengapa jika bahagian ini digabungkan dengan kotak hijau.

Seterusnya, izinkan saya memperkenalkan apakah kegunaan fail CSS yang begitu banyak?

—Adm/styles
—Gaya asas global Basic.css
—Gaya susun atur global Layout.css (saiz, kedudukan, dll.)
—Gaya cantik global General.css (warna, gambar) dsb.)
—Folder Adm/styles/GroupManager (contoh)
—Group_Layout.css Gaya reka letak khusus halaman kumpulan
—Group_General.css Gaya cantik khusus halaman kumpulan

Memanggil begitu banyak CSS akan membawa lebih banyak permintaan pelayan Penyelesaiannya dilampirkan di bawah.