Basamaklı Stil Sayfası (CSS), bir web sitesini veya web sitelerini tasarlamanın bir yoludur, böylece tutarlı bir görünüme ve hislere sahip olurlar ve böylece görünüm ve hislerinin kolayca değiştirilebilmesini sağlar. Bir web sitesi tasarlamak için CSS kullanarak, web geliştiricisi sitenin nasıl göründüğü konusunda daha fazla kontrol sahibi olur.
Bir web geliştiricisi, bir web sitesinin görünümünü üç ana yolla kontrol etmek için bir CSS dosyası kullanabilir. İlk yol, kodun doğrudan web sitesi kodunun satırına yerleştirildiği gerçeğine atıfta bulunarak satır içi olarak adlandırılır. Örneğin, bir web geliştiricisi öne çıkacak şekilde koyu kırmızı renkte belirli bir cümle görünmesini sağlamak isteyebilir. Satır içi kodunu kullanarak cümlenin stilini koyu ve kırmızı olarak ayarlamak için CSS kullanabilir. Bu yöntemin yararı, bir web sayfasının belirli bir bölümünde hızlı ve kolay bir değişikliğe izin vermesidir.
Bir web geliştiricisinin CSS'yi kullanmasının bir başka yolu da, tek bir web sayfası için kurallar oluşturmaktır. Bu durumda, geliştirici katıştırılmış CSS denilen şeyi kullanır. Geliştirici, örneğin, her yeni paragrafı girintili ve her başlığı kalın harflerle yazabilir. Gömülü talimatlar genellikle web sayfasının kodunun üstüne yerleştirilir.
Bu, geliştiricinin katıştırılmış kodu bir kez değiştirmesini ve efektlerin tüm sayfa boyunca gerçekleşmesini sağlar. Tüm başlıklarını koyu metin yerine italik olarak koymaya karar verdiyse, stil kodlamasını değiştirebilir ve o sayfadaki tüm başlıklar değişebilir. Bu, tüm web sayfasını kapsadığı için satır içi yöntemine göre bir avantaja sahiptir ve bir kerede tüm sayfada değişiklikler yapılabilir.
Son ortak CSS türü, harici CSS olarak bilinen şeydir. Bir web geliştiricisi, tüm web sayfaları grubuna, tüm web sitesine ve hatta birden fazla web sitesine uygulanacak kodu yazacaktır. Bu kurallar, önceki iki CSS örneğinde olduğu gibi arka plan rengi, metin rengi, sözcük aralığı ve sayfa düzeninin diğer öğeleri gibi şeyleri içerebilir.
Aradaki fark, bu talimatların sayfanın tek bir bölümü için değil, sadece bir web sayfası için değil, tüm web sitesi için olmasıdır. Bunun avantajı, tüm web sitesinin görünüm ve izleniminin, bir kerede dış stil sayfasında değişiklikler yapılarak değiştirilebilmesidir. Tasarımcı, web sitesinin tamamı için yeni bir arka plan rengi veya yeni bir yazı tipi denemek isterse, her sayfaya ayrı ayrı gidip orada değişiklik yapmak yerine, harici koddaki birkaç satırın değiştirilmesiyle bunu yapabilir.
Hem gömülü hem de harici CSS'nin dezavantajları, bireysel çizgilerde daha küçük değişiklikler yapmak yerine, büyük bir yerleşim düzenini kapsayacak geniş bir stil sayfası oluşturmada daha fazla zamanın mevcut olmasıdır. Web tasarımcısı uzun vadede bireysel satır içi talimatlar vermenin veya aynı anda birçok tasarım özelliğine dikkat etmek için gömülü veya harici bir CSS yapmanın daha verimli olup olmadığına karar vermelidir.
