Değişkenler
Coddy'nin HTML Journey'sinin Practical Frontend bölümünün bir parçası — ders 1 / 35.
Daha büyük ve daha karmaşık web siteleri oluşturdukça, tekrarlanan renkleri, boyutları veya yazı tiplerini yönetmek zorlaşır. Bir değeri değiştirmek, birçok yeri güncellemek anlamına gelir.
CSS değişkenleri, bu değerleri (--main-color gibi) isimler olarak kaydetmenize ve CSS'iniz boyunca bunları yeniden kullanmanıza olanak tanır. Değişkeni bir kez değiştirin, her yerde otomatik olarak güncellenir.
Kodun temiz ve tutarlı kalmasını sağlamak için çok faydalıdırlar ve birçok geliştirici bunları modern web siteleri oluşturmak için kullanır.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kopya kağıdı
CSS değişkenleri, değerleri isim olarak kaydetmenize ve bunları CSS'iniz boyunca yeniden kullanmanıza olanak tanır. Kodun temiz ve tutarlı kalmasına yardımcı olurlar.
Değişkenleri -- önekiyle tanımlayın ve var() ile kullanın:
:root {
--main-color: blue;
}
.element {
color: var(--main-color);
}Değişkeni bir kez değiştirin; her yerde otomatik olarak güncellenir.
Kendin dene
Bu ders bir kod alıştırması içermiyor.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Practical Frontend bölümündeki tüm dersler
3Temalandırma ve Görsel Stiller
CSS'te TemalandırmaKaranlık/Aydınlık Mod TemelleriVurgu Renkleri ve Öne ÇıkarmaTipografi TemalandırmaÖzet Meydan Okuması6Responsive Tasarım Kalıpları
Holy Grail DüzeniKart Izgara DüzeniYan Menü + İçerik DüzeniBölünmüş Ekran DüzeniYapışkan Üst / Alt BilgiGenel Tekrar