Aplikasi Lembar Gaya Indah di XHTML+CSS Web Page Production

Ini adalah artikel dari lama yang lalu. Sekarang tampaknya ide -ide di dalamnya layak dipelajari. Saat mempelajari kasus -kasus di VEVB.com, mempelajari beberapa pengetahuan teoretis akan sangat membantu untuk terobosan Anda dalam pengetahuan. Ayo, semuanya!

Karena saya membaca karya agung Mr. Zeldman yang mendesain dengan standar web, versi Cina dari "refactoring situs web" (edisi ke -2), saya memiliki perasaan yang mendalam dan memperkuat ide saya menggunakan standar web untuk mengembangkan dan mempraktikkan proyek kami. Tetapi tidak cukup hanya mengetahui standar web apa itu dan bagaimana menerapkannya pada proyek yang sebenarnya. Setiap komponen standar web harus dipelajari dan diterapkan satu per satu dan dikalahkan satu per satu untuk menemukan esensi mereka! Untuk desainer pengembangan web seperti saya, saya percaya kami akan mendapatkan lebih banyak dengan memahami prinsip ini dan melakukan pembelajaran dan praktik yang ditargetkan, dan itu juga merupakan kontribusi untuk penerapan standar web di Cina! (Haha, ini mungkin agak membual, tetapi memang ideal dari sebagian besar praktisi perangkat lunak kami.)

Sekarang adalah era Web2.0 dan bahkan 3.0, dan era XHTML, XML, CSS, Ecmascript dan DOM. Meskipun mereka bukan teknologi akhir, mereka menjadi solusi bersama - kami berencana untuk membangun situs web yang kompatibel dengan mundur dan juga fondasi teknis yang diperlukan untuk membuat situs web yang memenuhi standar web. Kami tidak hanya ingin mendapatkan lebih banyak dukungan dan akses pengguna, tetapi juga membangun situs web jangka panjang dan indah untuk menarik perhatian mereka untuk waktu yang lama. Saya percaya bahwa belajar menggunakan CSS untuk meningkatkan situs web kami adalah cara yang baik untuk menarik perhatian dan tren mode di era Web2.0. Di bawah ini saya hanya akan berbicara tentang pengalaman yang saya peroleh dari teknologi CSS.

Untuk menjadi ahli CSS, itu jauh dari cukup untuk hanya mahir dalam menggunakan selektor CSS. Ini juga melibatkan keseluruhan perencanaan pekerjaan, penguasaan proses kerja, dan meningkatkan pemeliharaan dan efisiensi lembaran gaya. Menggunakan CSS dapat membuat situs web indah yang kami inginkan, dan menulis CSS adalah kesenangan tersendiri. Jadi bagaimana kita harus membuat stylesheet yang lebih menarik? Karakteristik apa yang harus dimiliki oleh stylesheet Anda? Melalui belajar dan menggabungkan pengalaman kerja saya sendiri, saya telah merangkum cara yang baik untuk membuat lembar gaya yang indah.

Menghubungkan atau mengimpor stylesheets terdengar seperti pekerjaan yang tidak mengerti. Saya telah melihat banyak perkembangan situs web dengan dokumen CSS yang rapi dan terorganisir dengan baik, tetapi perlahan-lahan, karena mereka mungkin tidak dapat memperbarui dengan cepat dalam jangka pendek, atau terlalu malas untuk dikelola, ini membuat lembaran gaya yang sebelumnya dibuat menjadi sampah menjadi sampah. Jika kami mengerjakan situs web besar yang perlu mempublikasikan ratusan konten. Karena waktu terbatas, Anda perlu menyarangkan atau mengatur CSS untuk membuat modifikasi atau pembaruan cepat. Seiring waktu, kebiasaan ini berlanjut sampai suatu hari Anda diberitahu bahwa situs tersebut benar -benar dibatalkan dan dirancang ulang (tetapi kontennya masih sama) dan Anda hanya memiliki satu minggu untuk membuat (termasuk pengujian). Secara umum, memperbarui lembar gaya adalah metode yang sangat sederhana. Kecuali jika Anda memodifikasi area yang tersebar dari Situs Web untuk waktu yang lama, Anda tidak dapat memiliki pemahaman keseluruhan dari struktur lembar gaya situs web.

Menghubungkan atau mengimpor stylesheet Anda bukanlah hal yang acak. Buat stylesheet yang bersih dan rapi dan teruskan dan Anda akan lebih bahagia untuk bekerja. Catatan: Jika Anda mencoba membuat lembar gaya baru setiap kali Anda memperbarui atau menambahkan konten baru, Anda pasti meminta masalah. Terlalu banyak menghubungkan dan mengimpor wheets dapat membuatnya sangat sulit untuk menghilangkan bug, membuat stylesheet sulit dipertahankan. Dapat dimengerti bahwa situs web yang lebih besar membuat lembaran gaya dari berbagai bagian secara terpisah. Berhati -hatilah untuk tidak menjadi ekstrem. Menambahkan banyak lembar gaya akan menambahkan lebih banyak permintaan HTTP, yang juga dapat memengaruhi pekerjaan selanjutnya.

Selain memilih elemen yang paling tepat dan paling bermakna untuk diekspresikan, Anda juga perlu menentukan pemilihan nilai atribut kelas dan ID. Definisi yang jelas dapat membuat pemeliharaan sederhana dan anggota grup akan memahaminya. Lihat definisi ini:

.l10k {color: #369; }, .Left-blue {Color: #369; }, jika itu dilakukan oleh saya, saya mungkin tahu apa artinya, tetapi saya mungkin tidak memahaminya jika saya membandingkan diri saya dengan orang lain. Bahkan jika Anda tahu apa artinya hari ini, dapatkah Anda menjamin bahwa Anda masih akan tahu apa artinya bertahun -tahun kemudian? Yang terbaik untuk tidak menambahkan dimensi warna atau panjang dan lebar ke dalam atribut kelas. Spesifikasi penamaan yang lebih tepat :. work-description {color: #369; }

Banyak artikel telah menulis beberapa tips tentang pemecahan masalah, dan anotasi bersyarat adalah cara yang baik untuk mengendalikan rilis IE. Saya setuju bahwa komentar bersyarat jauh lebih baik daripada menuliskannya dalam dokumentasi CSS Anda, tetapi saya perlahan -lahan mulai menyadari bahwa banyak bukti menunjukkan bahwa ini bukan solusi terbaik. Saya ingin mengatur ketinggian minimum dalam suatu elemen, tetapi browser IE6 tidak menjalankannya, jadi Anda tahu tinggi yang dapat Anda gunakan akan diperlakukan dengan cara yang sama. Buat kembali lembar gaya dan tambahkan komentar bersyarat ke logo Anda. Semua kebutuhan Anda adalah mengikuti aturan ini? Menyimpan aturan tinggi dan ketinggian terendah, dan pilih sedikit trik dalam dokumen CSS yang sama, apakah itu lebih baik? Dalam hal ini, saya pikir sulit untuk bekerja dengan metode ini.

Apakah itu bagus? Setiap orang cukup jelas. Tentu saja, satu hal tidak dapat disangkal, yang dapat memaksimalkan penggunaan kembali kode dan mengoptimalkan konfigurasi file situs web.

Oke, di atas adalah beberapa pendapat pribadi saya. Saya harap Anda semua memberi saya lebih banyak pendapat. Saran Anda adalah motivasi saya untuk menantang kesulitan! Terima kasih!