Petua untuk bekerja dengan helaian gaya CSS3 anda

Setelah kami menentukan struktur laman web kami dan mengembangkannya DOM Dengan cara yang tepat, penting untuk menentukan gaya yang sama, ia juga merupakan kawasan yang paling kreatif dan di mana anda dapat menyesuaikannya dengan tahap ketepatan yang lebih tinggi hingga sudut terakhir laman web anda. Lembaran gaya bertingkat adalah penyelesaian yang paling sesuai, tetapi bagi semua orang yang melakukan perjalanan pertama mereka ke dalam dunia pembangunan web, ada beberapa petua yang mesti diambil kira untuk mencapai hasil terbaik.

Untuk mendapatkan hasil profesional khas dari bahagian depan yang dikuduskan, perlu mengambil kira aspek-aspek tertentu seperti ketertiban, kebolehbacaan dan pembetulan kesalahan yang paling biasa dalam jenis latihan ini. Saya kongsikan di bawah lima petua sangat asas tetapi pada masa yang sama sangat penting untuk rawatan dan konfigurasi optimum helaian gaya CSS kami.

Pastikan untuk membuat susunan dan struktur yang berkesan dalam helaian gaya CSS3 anda

Saya selalu membahagikan helaian gaya saya mengikut urutan hierarki. Pada mulanya saya biasanya menggunakan pemilih umum dan kemudian menambah pernyataan pemilih html dan terakhir pergi bekerja di dalam id bekas dan elemen kecil. Pada dasarnya tanah ikut logik DOM dan bermula dari ibu bapa hingga berakhir dengan anak-anak. Walau bagaimanapun kita juga dapat mengikuti formula atau pesanan lain, misalnya kita dapat mengelompokkan pemilih dan deklarasi kita dengan mempertimbangkan fungsinya. Segala-galanya bergantung pada pilihan kita dan bagaimana kita merasa lebih selesa bekerja.

Pilih nama yang jelas dan ringkas untuk setiap pemilih anda

Ada sesuatu yang sangat penting yang mesti anda pertimbangkan, dan itu adalah bahawa CSS3 berbeza dalam penggunaan huruf besar dan kecil, jadi menulis kata dengan huruf besar dapat berarti sesuatu yang berbeza dan dapat menyebabkan kesalahan. Perkara paling mudah ialah selalu menggunakan huruf kecil untuk mengelakkan masalah seperti ini. Cuba juga pilih nama untuk kelas dan ID anda yang dapat dikenali dengan jelas dan bahawa mereka tidak membuat kita ragu-ragu atau kesilapan.

Jangan lupa untuk menambah komen yang jelas

Pasti anda perlu berkongsi fail anda dengan orang lain, mungkin pelanggan atau rakan anda dari pasukan kerja anda seperti pereka susun atur, pereka atau pemaju lain. Atas sebab ini sangat penting untuk memperhatikan struktur dan memastikan kemasan yang bersih dan teratur. Komen yang jelas akan membantu sesiapa sahaja yang mengakses helaian gaya kami untuk mencari jalan dengan cepat. Apa-apa jenis pemerhatian yang mesti diambil kira ia mesti muncul sebagai kandungan. Ingatlah bahawa anda boleh memasukkan kandungan di dalam fail Html dan di fail CSS anda dan bahawa dalam kedua-dua kes itu adalah komen yang secara logik tidak akan tercermin dalam hasil akhir dan hanya akan dapat dilihat apabila kod sumber yang sama diakses sehingga mereka boleh sangat membantu.

Sentiasa gunakan semula pada helaian gaya anda

Setiap penyemak imbas mempunyai helaian gaya lalai, jadi untuk mengelakkan kesalahan atau perubahan bergantung pada penyemak imbas di mana halaman kami dilihat, sangat berguna dan disarankan agar tetapkan semula helaian gaya anda. Terdapat beberapa alternatif. Lembaran gaya tetapan semula Eric Meyer boleh menjadi pilihan yang sangat baik.

Pilih alat yang paling berkesan

Terdapat banyak alat yang boleh anda gunakan untuk seefisien mungkin semasa mengerjakan reka bentuk laman web anda. Dari penciptaan Wireframes hingga pengembangan struktur laman web anda, serta semua jenis aplikasi termasuk Adobe Photoshop, Illustrator atau Fireworks. Anda juga mempunyai banyak penyunting profesional yang paling digalakkan (sekurang-kurangnya yang saya gunakan) Teks Luhur atau, jika gagal, Adobe Dreamweaver kerana mereka menyediakan antara muka yang sangat sederhana dengan tahap keperibadian yang tinggi serta kemungkinan bekerja dengan kod kami melalui sistem pintasan dan dengan sistem pelengkap automatik yang akan membantu kami menjimatkan lebih dari 70% masa yang akan kami gunakan dengan editor teks biasa tradisional.