Cara mengurus pertukaran gaya_Pengalaman

Rakan yang mempelajari standard WEB biasanya bermula dengan mempelajari CSS Mengapa? Kerana CSS adalah bahasa yang sangat menarik, ia boleh menjadikan halaman web kami sentiasa berubah. Mungkin hubungan awal kami hanya dengan pengubahsuaian gaya pautan, dan kemudian kami secara beransur-ansur mendapati bahawa CSS berkuasa dan mudah, jadi kami menggunakannya untuk mengawal reka letak, tetapan taip, warna, gambar, dll. bagi keseluruhan halaman web. Selepas mempelajari CSS, kita akan mendapati bahawa struktur XHTML adalah lebih penting Struktur XHTML yang baik boleh menjimatkan banyak kerja dengan CSS. Ia juga akan mengelakkan perbezaan dalam halaman web antara pelayar yang berbeza. Jadi saya mula belajar kod XHTML semula, dan terus meneroka ciri-ciri struktur XHTML. Sebaik sahaja anda boleh menulis CSS, fahami kepentingan struktur XHTML dan boleh mengaplikasikannya secara fleksibel, bukankah itu cukup? Mungkin kemudian kita akan mendapati bahawa pengurusan gaya juga sangat penting.

Anda mungkin sudah mempunyai kaedah pengurusan anda sendiri, kerana pelbagai jenis halaman web yang akan digunakan mungkin mempunyai idea pengurusan yang berbeza Di sini saya hanya mengatur pengurusan gaya saya. Ia boleh dianggap sebagai contoh untuk dirujuk dan dipelajari oleh semua orang, dan contoh rujukan untuk rakan-rakan yang belum membentuk kaedah pengurusan mereka sendiri.

Pengurusan gaya saya ditujukan kepada tapak web dengan satu projek dan sistem gaya tunggal Secara umumnya, tapak web tersebut adalah tapak web bersaiz kecil dan sederhana, dan gayanya adalah konsisten. Ia tidak sesuai untuk tapak web besar atau sistem tapak web dengan gaya yang berbeza secara meluas. Sebelum kita membuat gaya, kita mesti memikirkan dahulu tentang kebolehselenggaraan gaya tersebut. Sebaik sahaja pengubahsuaian diperlukan, ia mesti cepat dan mudah Kos kerja pengubahsuaian adalah sangat tinggi, jadi kita mesti cuba mengelakkan pengembangan masa yang diduduki oleh kerja tersebut. Kemudian kita perlu memisahkan gaya dan kod struktur. Mari kita lihat kaedah peruntukan direktori saya:

Antaranya, [imej] menyimpan imej yang muncul dalam xHTML, [jonStyle] secara kolektif dipanggil pakej tema dan pakej gaya termasuk [CSS], [img], [js] masing-masing menyimpan helaian gaya CSS, imej yang dirujuk dalam helaian gaya dan JS yang digunakan dalam halaman web. Walaupun [img] yang menyimpan gambar di sini dan [imej] di luar kedua-duanya menyimpan gambar, sifat gambar di sini adalah berbeza. [img] ialah imej yang dirujuk dalam CSS Paparan semua imej adalah berkaitan dengan gaya CSS. Atributnya ialah imej dalam [img] milik CSS, bukan XHTML. CSS tidak akan merujuk imej dalam [imej]. Gambar-gambar dalam [imej] hanya milik xHTML, dan xHTML tidak boleh terus menggunakan gambar dalam [img].

Sesetengah orang mungkin berpendapat adalah tidak sesuai untuk meletakkan [js] dalam folder [jonStyle] di sini Pemikiran saya ialah: gelagat dan helaian gaya menjadikan struktur XHTML ini berwarna-warni. Apabila kita perlu menukar kulit, tingkah laku ini juga perlu diganti. Sebagai contoh: dalam set penyelesaian pertama, kandungan blok tertentu perlu ditatal ke atas dan ke bawah, tetapi dalam set penyelesaian kedua, blok ini perlu ditatal ke kiri dan kanan. Kemudian tingkah laku ini juga perlu diganti dengan pekerja sampel. Sudah tentu, ia mungkin bukan alasan yang mudah dalam aplikasi praktikal.

Pada asasnya struktur besar adalah seperti ini. Jadi apakah struktur helaian gaya? Saya membahagikannya seperti ini: Terdapat base.css (gaya biasa asas) module.css (gaya modul) forms.css (gaya bentuk) mend.css (gaya tampalan) print.css (gaya cetakan) dalam pakej gaya

Antaranya, base.css ialah gaya asas, iaitu gaya biasa semua halaman web Gaya ini pada asasnya boleh memaparkan halaman biasa apabila digabungkan dengan module.css. Pembahagian borang juga boleh memberi manfaat kepada pengurusan gaya borang di tempat yang berbeza. Piawaian WEB melibatkan keserasian, jadi tampung gaya diperlukan dan sudah tentu ada yang disasarkan, yang saya tidak akan senaraikan di sini. Gaya cetakan terakhir disediakan untuk tetapan cetakan.

Melalui bahagian ini, sangat mudah untuk menyelenggara dan mengemaskini prototaip laman web Secara asasnya, penukaran kulit laman web boleh diselesaikan tanpa penyertaan pengaturcara. Jika tapak web mempunyai banyak pakej tema pada masa yang sama, anda boleh menggunakan gaya yang berbeza dengan hanya menukar nama pakej tema dalam XHTML. Ini, digabungkan dengan program tapak web, akan membolehkan anda mencipta laman web aplikasi yang sangat baik dan berskala tinggi!

Kandungan di atas agak terhad, saya harap ia akan membantu pengurusan gaya semua orang