Bu yaz daha iyi CSS 5 adımlar ikinci kısmıdır. Internet ancak birkaç öğreticiler yararlı kullanılabilir çok sayıda CSS öğreticiler burada bulunmaktadır. Bu bir sonraki web projesi için daha iyi css kodu yazmak için 5 adım bulacaksınız eğitimle,. Bunu eğitim zevk umuyoruz.

1. Bir satır CSS bildirimleri tutun

her zaman bir satırda, o CSS temiz ve küçük bir dosya tutarak yardımcı olur CSS bildirileri tutmalı. Ayrıca, istenmeyen boşluklar ve karakterleri kaldırmak için yardımcı olur.

İyi Kodu

  ; color : # 333333 ; background : #cccccc ; } h2 (font-size: 18px; color: # 333333; background: # cccccc;) 

Kötü Kodu

  H2 
 (
 font-size: 18px;
 ; color: # 333333;
 ; background: # cccccc; 
 ) 

2. Birleştirmek Elemanları

Bir kod satırları kaydetmek için en iyi yol seçiciler gruplama gereğidir. Orada ne kastediyorum aşağıda bazı örnekler verilmiştir.

İyi Kodu

  H1, H2, H3 (
 ; color : # 333 ; font-family: Arial, Helvetica, sans-serif; color: # 333;
 ) 

Kötü Kodu

  h1 (
 ; color : # 333 ; font-family: Arial, Helvetica, sans-serif; color: # 333; 
 )
 h2 (
 ; color : # 333 ; font-family: Arial, Helvetica, sans-serif; color: # 333;
 )
 h3 (
 ; color : # 333 ; font-family: Arial, Helvetica, sans-serif; color: # 333;
 ) 

3. Merkezi için, "Marj" Düzen

CSS Birçok yeni başlayanlar neden sadece blok düzeyinde öğeleri üzerinde ortalanmış etkiyi sağlamak için float: center kullanamazsınız anlamaya olamaz. Eğer sadece o kadar kolay olsaydı! Ne yazık ki, kullanmak gerekir.

Kodu

  # Container (
 ; /* top, bottom - and left, right*/ margin: 0 auto; / *, alt üst - ve sol, sağ * /
 width: xxxpx;
 ) 

4. Yorum CSS

Bu harika bir fikir bölümlerde kodunuzu yorum geldi. Yorum eklemek için, eklemek / * Yorum arkasında, ve * / gibi, bu yüzden kapatmak için:

Kodu

  /******** KODU BURADAN BAŞLAYIN ********/ 

5. Kullanım CSS Compress Araçlar

Eğer sadece araçları sıkıştırmak online css kullanabilirsiniz eski stil değiştirerek israf senin zaman içinde istemiyorsanız, o saniye içinde çalışmasını sağlamak.

Bu online css araçları sıkıştırmak onay ...

Css Tidy

Temizlik Css

Css Doktoru

Flumpcakes Css optimizer

cssdrive Css Comperasor

W3C CSS Validator

Sonuç

Bunlar sadece bazı ipuçları daha iyi kod yazmak için bana yardım vardır. O öğretici de daha iyi ve temiz kod yazmak için yardımcı olacağını umuyoruz. Mevcut ve gelecek projeler için aşağıdaki ipuçlarını uygulayın ve mutlaka çabalarını takdir edeceklerdir.

If You Think bu eğitim için daha iyi, lütfen bizimle paylaşmaktadır olabilir. Yorum bize

Eğer bizden daha tutorials almak istiyorsanız, lütfen RSS ya da e-posta ile yaparak yem Katılınız.

Filed under: Css, yönetici tarafından Tutorials