Studio Editor: CSS Düzenleme Hakkında

Ögelere ve tek tek bölümlere stil vermek için kendi CSS kodunuzu ekleyin. CSS, müşteriler için site oluştururken, editörde kullanılamayan tasarım seçeneklerini ve davranış değişikliklerini uygulayabileceğinizi araç kutunuzu genişletir. 

Ögelere CSS eklemek, yepyeni bir dizi stil olanağı sunar. Bir ögenin tasarımını beğeninize göre değiştirmenize olanak sağlar; bu, özellikle Editör'de henüz kullanılamayan seçenekler için kullanışlıdır.

CSS size ögelere istediğiniz gibi animasyon ekleme özgürlüğü de verir. Seçtiğiniz özelliklerle kendi animasyonlarınızı oluşturun ve gerekirse bir ögeye birden fazla animasyon uygulayın.

CSS'nin bir diğer önemli kullanım alanı, duyarlılığı en üst düzeye çıkarmaktır. Örneğin, bir ögenin tüm ekranlarda ideal görünmesini sağlamak için medya sorgularını (görüntü alanı boyutuna veya cihazın özelliklerine dayalı olarak) kullanın.

İhtiyacınız olan bölümü özelleştirebilmeniz için Studio Editör'de ögeler semantik sınıflara ayrılmıştır. Örneğin, düğmelerin 3 CSS sınıfı bulunur:

Listeden bir sınıf seçtiğinizde, çalışmaya başlayabilmeniz için otomatik olarak koda eklenir.

global.css sayfasına kendi CSS sınıflarınızı da ekleyebilirsiniz. Bu, belirli bir ögenin tüm örnekleri yerine özel sınıfınızla atadığınız ögelere stil ve biçimlendirme uygulamanıza olanak tanır. Özel sınıflar hakkında her şeyi öğrenin

Editör'deki Kod panelinde, tüm düzenlemeleriniz için global bir CSS sayfası bulunur. Bu sayfadaki kodlar, tüm site sayfalarında ilgili sınıfa sahip herhangi bir öge için küresel olarak geçerlidir.

Bu sayfaya eklediğiniz CSS kodu, Studio Editor panelinde yaptığınız seçimleri geçersiz kılar. Örneğin, tüm düğmelerin arka planını değiştirmek için CSS kullanırsanız, Denetçi panelinde ayarladığınız arka planı geçersiz kılar.