2022 için en iyi yeni CSS özellikleri


Basamaklı Stil Sayfaları (CSS) ilk olarak 1996’da çıkarıldı ve web geliştirme yığınının önemli, gelişen bir parçası olmaya devam ediyor. Diğer yaşayan diller gibi, CSS de gerçek dünyadaki uygulamalara yanıt olarak sürekli olarak yeni özellikler sunuyor. Bu hızlı gelişme, kendini işine adamış geliştiricilerin bile yeni özellikleri kaçırmasını kolaylaştırabilir. İşte CSS’deki en kullanışlı yeni ve gelecek özelliklere bir bakış.

alt ızgara

Başlangıcından bu yana, geliştiriciler CSS’deki bazı korkunç eksikliklerden şikayet ettiler. gibi bazı sıradan görevler CSS’de bir şeyi ortalamak, aşırı karmaşık geçici çözümler ve sonlandırma gerektirir. Bir diğer büyük sorun da makul bir ızgara düzeni elde etmekti, en azından CSS Izgara Düzeni modül ihlale girdi.

Bir ızgara düzeni ile gösterilir display: grid beyanı ve bir tür kuzenidir esnek kutu, bu sayede dikdörtgen düzenleri tanımlamanıza ve aynı zamanda ızgaranızı iki boyutta kontrol etmenize olanak tanır. Araştırma gösteriyor ki Ellerimiz CSS’de olan çoğu geliştirici Grid Layout’un farkındadırve çoğumuz bunu kullanıyoruz. (Henüz kullanmıyorsanız, buna bir bak!)

alt ızgara Grid Layout modülü için yeni ve çok faydalı bir özelliktir. bu subgrid özelliği, üst öğesinin düzenini devralacak bir alt ızgara tanımlamanıza olanak tanır. Bu, bir ızgara görüntüsünü diğerinin içine yerleştirmekten farklıdır; bu durumda, alt ızgara kendi boyutlarını ve boşluklarını tanımlar. İle birlikte subgridüst öğenin düzeni alt ızgaraya uygulanır, ancak alt ızgara gerekirse düzenin özelliklerini yine de geçersiz kılabilir.

Yazma tarihi itibariyle, subgrid yalnızca Firefox 71 veya üzeri sürümlerde uygulanmaktadır, ancak Safari Web KitiGoogle Chrome ve Microsoft Kenarı. Alt ızgara, ileriye dönük çok yararlı bir düzen özelliği olacak.

vurgu rengi

Bazı görüntüleme öğeleri, yaygın olarak kullanılmasına rağmen geleneksel olarak stil vermek zordur. Örneğin, onay kutuları ve radyo düğmeleri, genellikle tarayıcının uygulamasını gizlerken bu öğelerin davranışını taklit eden özel bir pencere öğesi ile değiştirilir. yeni CSS accent-color seçeneği, bu öğeleri hedeflemenize olanak tanır.

Telif Hakkı © 2022 IDG Communications, Inc.



Kaynak : https://www.infoworld.com/article/3663513/the-best-new-css-features-for-2022.html#tk.rss_all

Yorum yapın