“Bilmesi gereken” 5 CSS özelliği.

CSS (Basamaklı Stil Sayfaları), web sayfalarınızın görünümünü kontrol etmenizi sağlayan güçlü bir stil dilidir. Herhangi bir web geliştiricisi için vazgeçilmez bir araçtır ve stillerinizi daha verimli ve etkili hale getirmek için kullanabileceğiniz pek çok numara ve teknik vardır.

Bu CSS özellikleri, bir web geliştiricisi olmanın gereklilikleri olarak adlandıracağım şeylerdir, bu yüzden onlar hakkında daha önce bir şey duymadıysanız, şimdi onlarla denemeye başlamanın zamanı geldi.

1. calcEsnek bir düzen için işlevi kullanın . İşlev calc, stillerinizde özellikle esnek mizanpajlar oluşturmak için yararlı olabilecek matematiksel hesaplamalar yapmanızı sağlar. Örneğin, calcöğesini kullanarak bir öğenin genişliğini ana öğesinin yüzdesi eksi sabit miktarda piksel olacak şekilde ayarlayabilirsiniz.
2. Öğeleri stillerden dışlamak için :notsözde sınıfı kullanın. Sözde :notsınıf, belirli bir öğe dışındaki tüm öğelere stil uygulamanıza izin verir. Belirli bir türdeki tüm öğeleri biçimlendirmek, ancak belirli birkaç öğeyi hariç tutmak istiyorsanız bu yararlı olabilir.
3. @mediaDuyarlı stiller oluşturmak için kuralı kullanın . Kural @media, ekran boyutunun belirli bir genişlikte olması veya cihazın dikey modda olması gibi yalnızca belirli koşullar altında uygulanan stiller oluşturmanıza olanak tanır. Bu, farklı ekran boyutlarına ve cihazlara uyum sağlayan duyarlı stiller oluşturmak için çok yararlı olabilir.
4. box-sizingBoyutların nasıl hesaplandığını kontrol etmek için özelliği kullanın . Bu box-sizingözellik, bir öğenin boyutlarının dolgusunu ve kenarlığını mı yoksa yalnızca içeriğini mi içermesi gerektiğini belirtmenize olanak tanır. Bu, sabit bir genişliğe veya yüksekliğe sahip ancak dolgu veya kenarlık içermesi gereken öğeler oluşturmak istiyorsanız faydalı olabilir.
5. transitionDüzgün animasyonlar oluşturmak için özelliği kullanın . Özellik transition, bir özelliğin bir değerden diğerine geçmesinin ne kadar süreceğini ve değişikliğin nasıl canlandırılacağını belirlemenizi sağlar. Bu, bir öğenin farklı durumları arasında düzgün animasyonlar ve geçişler oluşturmak için çok yararlı olabilir.

En sevdiğiniz CSS hilesi nedir? Yorumlarda bize bildirin.

Mutlu Kodlama!