Her web sitesi yapısal, işlevsel ve stilistik unsurlardan oluşur. Basamaklı Stil Şablonu bir web sitesinin görünümünü ("görünüm ve his") dikte edin. Bu stiller, güncelleme kolaylığı ve web standartlarına uyulması için HTML yapısından ayrı tutulur.
Stil Sayfalarıyla İlgili Sorun
Günümüzde birçok web sitesinin boyutu ve karmaşıklığı ile stil sayfaları oldukça uzun ve hantal hale gelebilir. Bu sorun şimdi karmaşıklık içinde büyüdü medya sorguları için duyarlı web sitesi stilleri tasarımın önemli bir parçasıdır ve bir web sitesinin cihazdan bağımsız olarak olması gerektiği gibi görünmesini sağlar. Bu medya sorguları tek başına bir CSS belgesine önemli sayıda yeni stil ekleyerek çalışmayı daha da zorlaştırabilir. Bu karmaşıklığı yönetmek, CSS yorumlarının web sitesi tasarımcıları ve geliştiricileri için paha biçilmez bir yardım olabileceği yerdir.
Yorumlar Yapı ve Netlik Ekleyin
Bir web sitesinin CSS dosyalarına yorum eklemek, belgeyi inceleyen bir insan okuyucu için bu kodun bölümlerini düzenler. Ayrıca, bir web profesyonelinin bıraktığı yerden devam etmesi veya bir sitede çalışan ekipler halinde tutarlılık sağlar.
İyi biçimlendirilmiş yorumlar, stil sayfasının önemli yönlerini, koda aşina olmayan bir ekibin üyelerine iletir. Bu yorumlar, sitede daha önce çalışmış ancak yakın zamanda çalışmamış kişiler için de yararlıdır; web tasarımcıları genellikle birçok sitede çalışır ve tasarım stratejilerini birinden diğerine hatırlamak zordur.
Yalnızca Profesyonellerin Gözü İçin
Sayfa görüntülendiğinde CSS yorumları görüntülenmiyor internet tarayıcıları. Bu yorumlar yalnızca bilgilendirme amaçlıdır, tıpkı HTML yorumları vardır (sözdizimi farklı olsa da). Bu CSS yorumları bir sitenin görsel görünümünü hiçbir şekilde etkilemez.
CSS Yorumları Ekleme
Bir CSS yorumu eklemek oldukça kolaydır. Yorumunuzu doğru açılış ve kapanış yorum etiketleriyle ayırın:
Yorumunuza ekleyerek başlayın /* ve şununla kapat */.
Bu iki etiket arasında görünen her şey, yorumun içeriğidir, yalnızca kodda görünür ve tarayıcı tarafından işlenmez.
Bir CSS yorumu herhangi bir sayıda satır alabilir. İşte iki örnek:
/* kırmızı kenarlık örneği */
div#border_red {
kenarlık: ince düz kırmızı;
}
/***************************
****************************
Kod metni için stil
****************************
***************************/
Bölümleri Ayırma
Birçok tasarımcı, stil sayfalarını okurken taranması kolay küçük, kolayca sindirilebilir parçalar halinde düzenler. Tipik olarak, yorumların önünde ve ardından, sayfada görülmesi kolay büyük, bariz kesintiler oluşturan bir dizi kısa çizgi görürsünüz. İşte bir örnek:
/* Başlık Stilleri */
Bu yorumlar, yeni bir kodlama bölümünün başladığını gösterir.
Yorum Kodu
Yorum etiketleri tarayıcıya aralarındaki her şeyi yok saymasını söylediğinden, bunları CSS kodunun belirli bölümlerini geçici olarak devre dışı bırakmak için kullanabilirsiniz. Bu numara, hata ayıklarken veya web sayfası biçimlendirmesini ayarlarken kullanışlı olabilir. Aslında, tasarımcılar genellikle bu bölüm sayfanın bir parçası değilse ne olacağını görmek için kod alanlarını "yorumlamak" veya "kapatmak" için kullanırlar.
Yorum yapmak (devre dışı bırakmak) istediğiniz kodun önüne açılış yorumu etiketini ekleyin; kapatma etiketini devre dışı bırakılan kısmın bitmesini istediğiniz yere yerleştirin. Bu etiketler arasındaki hiçbir şey bir sitenin görsel görüntüsünü etkilemez ve bir sorunun nerede olduğunu görmek için CSS'de hata ayıklamanıza yardımcı olur. Daha sonra içeri girip sadece bu aksaklığı düzeltebilir ve ardından yorumları koddan kaldırabilirsiniz.
CSS Yorumlama İpuçları
Çoğu kodlayıcı, kod içeren herhangi bir yeni dosyanın üstüne yorum blokları ekler. Adınızı, ilgili tarihleri ve yardımcı olacak ilgili bilgileri içeren bir yorum bloğu ekleyerek bu stratejiyi taklit edin. insanlar sadece belirli bir koda göre ne olduğuna dair kararları değil, bir projenin bağlamını da anlarlar. blok.