Penggunaan helaian gaya yang cantik dalam pengeluaran halaman web XHTML CSS production_HTML/Xhtml_halaman web

Ini adalah artikel yang ditulis lama dahulu Sekarang nampaknya idea-idea di dalamnya berbaloi untuk dipelajari Sambil mengkaji kes-kes di jb51.net, anda juga boleh mempelajari beberapa pengetahuan teori. membantu. Ayuh semua!

Sejak saya membaca karya agung Encik Zeldman "Merancang dengan Piawaian Web"; versi Cina ialah "Pembinaan Semula Laman Web" (Edisi Ke-2), saya mempunyai perasaan yang mendalam dan ia telah mengukuhkan idea saya menggunakan web Membangunkan dan melaksanakan projek kami. Tetapi hanya mengetahui sedikit tentang piawaian web dan cara menggunakannya pada projek sebenar tidak mencukupi. Anda mesti mempelajari dan menggunakan setiap komponen standard web satu demi satu, dan memecahkannya satu demi satu untuk mengetahui intipatinya! Bagi pembangun dan pereka web seperti saya, jika kita memahami prinsip ini dan menjalankan kajian dan amalan yang disasarkan, saya percaya kita akan memperoleh lebih banyak, dan pada masa yang sama, kita boleh membuat sumbangan kepada penerapan piawaian web di China! (Haha, ini mungkin agak membanggakan, tetapi ia sememangnya ideal bagi kebanyakan kita pengamal perisian.)

Kini ialah era web2.0 atau pun 3.0, era XHTML, XML, CSS , ECMAScript dan DOM. Walaupun mereka bukan teknologi terakhir, mereka bergabung untuk menjadi penyelesaian - asas untuk kami merancang untuk membina tapak web yang serasi ke belakang, dan ia juga merupakan asas teknikal yang diperlukan untuk membuat tapak web yang mematuhi piawaian web. Kami bukan sahaja ingin mendapatkan lebih banyak sokongan dan lawatan pengguna, tetapi juga membina tapak web yang tahan lama dan cantik untuk menarik perhatian mereka untuk masa yang lama. Saya percaya bahawa belajar menggunakan CSS untuk menambah baik tapak web kami adalah cara yang baik untuk menarik perhatian mereka, dan ia juga merupakan trend pembangunan yang bergaya dalam era web2.0. Di bawah ini saya hanya akan bercakap tentang pengalaman yang saya perolehi daripada teknologi CSS.

Untuk menjadi pakar CSS, tidak cukup dengan hanya mahir menggunakan pemilih CSS. Ia juga terletak pada perancangan keseluruhan kerja, menguasai aliran kerja dan meningkatkan kebolehselenggaraan dan kecekapan helaian gaya. Kami boleh menggunakan CSS untuk mencipta tapak web yang menarik yang kami mahukan, dan menulis CSS adalah satu keseronokan. Jadi bagaimana kita harus mencipta helaian gaya yang lebih menarik? Apakah ciri yang perlu ada pada helaian gaya anda? Melalui pembelajaran dan menggabungkan dengan pengalaman kerja saya sendiri, saya telah merumuskan satu set kaedah yang baik untuk membuat helaian gaya yang cantik.

1. Jangan biarkan CSS mempunyai terlalu banyak teg

Memautkan atau mengimport helaian gaya mungkin kedengaran seperti tugas yang tidak tahu. Saya telah melihat ramai pembangun laman web mempunyai dokumen CSS yang kemas dan tersusun, tetapi perlahan-lahan, kerana mereka mungkin tidak dapat mengemas kini dengan cepat dalam tempoh yang singkat, atau terlalu malas untuk menguruskannya, helaian gaya indah yang dicipta sebelum ini menjadi Menjadi sampah. Jika kita bekerja di laman web besar yang perlu menerbitkan ratusan keping kandungan. Oleh kerana masa adalah terhad, anda perlu membuat perubahan atau kemas kini pantas dengan menyarang atau mengatur CSS. Dari masa ke masa, tabiat ini berterusan sehingga satu hari anda diberitahu bahawa tapak tersebut akan direka bentuk semula sepenuhnya (tetapi kandungannya akan tetap sama) dan anda hanya mempunyai seminggu untuk menciptanya (termasuk ujian). Secara umumnya, mengemas kini helaian gaya ialah kaedah yang sangat mudah Melainkan anda membuat pengubahsuaian pada kawasan yang berselerak di tapak web untuk masa yang lama, anda tidak akan memahami keseluruhan struktur helaian gaya tapak web.

Memautkan atau mengimport helaian gaya anda bukan sewenang-wenangnya. Cipta helaian gaya yang bersih dan kekalkannya, dan anda akan lebih gembira di tempat kerja. Nota: Jika anda cuba mencipta helaian gaya baharu setiap kali anda mengemas kini atau menambah kandungan baharu, anda pasti akan meminta masalah. Terlalu banyak pautan dan helaian gaya yang diimport menyukarkan untuk menghapuskan pepijat dan menjadikan helaian gaya sukar untuk diselenggara. Adalah difahami untuk tapak web yang lebih besar untuk membuat helaian gaya berasingan untuk bahagian yang berbeza. Hanya berhati-hati untuk tidak melampau. Menambah banyak helaian gaya akan meningkatkan lebih banyak permintaan http dan boleh menjejaskan kerja seterusnya.

2. Definisi semantik adalah jelas dan mudah difahami

Selain memilih elemen yang paling sesuai dan bermakna untuk dinyatakan, anda juga mesti memilih kelas dan id nilai atribut. Ditakrifkan dengan jelas menjadikan penyelenggaraan lebih mudah dan semua orang dalam pasukan akan memahaminya. Lihat definisi ini:

　.l10k { color: #369; } .left-blue { color: #369 } , jika ia dibuat oleh saya, saya mungkin tahu maksudnya, tetapi mungkin tidak sama dengan orang lain. Walaupun anda tahu maknanya hari ini, bolehkah anda menjamin bahawa anda masih akan mengetahui maknanya bertahun-tahun dari sekarang? Adalah lebih baik untuk tidak menambah warna atau dimensi panjang dan lebar pada atribut kelas. Konvensyen penamaan yang lebih sesuai: huraian kerja { color: #369; }

3. Ketahui masa untuk menambah ulasan bersyarat dan teknik aplikasi

Banyak artikel telah menulis tentang teknik penyelesaian masalah Komen bersyarat ialah cara yang baik untuk mengawal penerbitan IE. Saya bersetuju bahawa komen bersyarat adalah lebih baik daripada bermain-main dalam dokumen CSS anda, tetapi akhir-akhir ini saya menyedari bahawa terdapat banyak bukti bahawa ini bukan penyelesaian terbaik. Anda ingin menetapkan ketinggian minimum elemen, tetapi IE6 tidak melaksanakannya, jadi anda tahu bahawa ketinggian yang anda boleh gunakan juga akan dianggap sama. Buat helaian gaya baharu dan tambahkan ulasan bersyarat pada penanda anda. Apa yang anda perlukan ialah mengikut peraturan ini? Bukankah lebih baik untuk mengekalkan peraturan ketinggian dan ketinggian minimum bersama-sama dan memilih helah dalam dokumen css yang sama? Dalam kes ini, saya sukar untuk menggunakan kaedah ini.

4. Cuba gunakan helaian gaya luaran apabila menggunakan CSS pada halaman web

Adakah terdapat sebarang faedah? Semua orang tahu betul, satu perkara yang tidak dapat dinafikan ia boleh memaksimumkan penggunaan semula kod dan mengoptimumkan konfigurasi fail tapak web.
Baiklah, di atas adalah beberapa pendapat peribadi saya harap rakan-rakan dapat memberi saya lebih banyak pendapat. Terima kasih!

Di atas ialah aplikasi helaian gaya yang cantik dalam pengeluaran halaman web XHTML CSS_HTML/Xhtml_ Untuk kandungan yang lebih berkaitan, sila perhatikan laman web PHP Cina (www.php.cn)!