lostyazilim

Style Nedir?

Style Nedir?

Style (Stil), dosyası birçok tasarımın içerisinde gördüğümüz içerisinde CSS tasarım parametreleri (kodları) içeren bir dosyadır. Yeni nesil web sitelerinin stil şeması olarak adlandırabileceğimiz bu stil dosyası CSS komutları yardımıyla tüm web sitesini şekillendirmeye yardımcı olur. Eğer HTML'e ve web tasarım konusuna yeni giriş yaptıysanız, HTML ile yaptığımız birçok şeyi CSS ile yapılabildiğini de öğrenmişsinizdir. Peki, neden HTML değilde CSS kullanılır?

HTML'in asıl amacı içeriği şekillendirmektir. Örneğin içeriğin başlık kısmında bir etiket kullanmanız HTML için yeterlidir. Bu başlığın ne renkte ne biçimde olacağı gibi detaylarınsa HTML dosyası içerisinde değil CSS stil dosyasının içerisinde yer alması gerekir. CSS Zaman kazandıran bir işlem olmasının yanı sıra düzenleme konusunda da oldukça etkili ve fonksiyoneldir.

Hemen bir örnekle açıklayalım; diyelim ki tüm sayfalarınızı HTML kodlarıyla biçimlendirdiniz ve sayfaların tümünün arka planını siyah yazıları da beyaz olacak şekilde Tag'ler ile şekillendirdiniz. Peki, şimdi yazının renklerini siyaha çevirmek arka planın rengini beyaza çevirmek için kaç farklı HTML sayfası düzenlemesi gerekecek? Cevap oldukça basit. Tüm HTML sayfalarının birer birer değiştirilmesi gerekecek. Oysa sitenin şablon ve biçim düzeni harici bir CSS dosyasıyla hazırlandığında sadece tek bir kod/parametre üzerinde değişiklik yapmanız değişikliğin tüm sitede uygulanmasına yardımcı olacaktır.

Bu da tahmin edersiniz ki size çok büyük bir zaman kazandıracaktır. CSS Style dosyası içerisinde yer alan komutlarla birlikte  tüm web sitesinin şekilledirmesini belirleyebilir, tasarımını renklendirebilir ve web sitenizin sayfalarının boyutunu azaltabilirsiniz. Stil dosyalarının uzantıları “.css” olmasına karşın bu dosyanın ismini belirlemek çoğu zaman tasarımcının/yazılımcının insiyatifinde olan bir durumdur ve stil dosyasına istediği adı verebilir. Stil dosyalarını herhangi bir metin editörü kullanarak açıp düzenleyebilir ve yeni stil dosyaları oluşturabilirsiniz.

Bu içerik size yardımcı oldu mu? WM Aracı içeriklerini kullanıcı odaklı iyileştirebilmemiz için geri bildirimde bulunabilirsiniz.
Aklına bir soru mu takıldı?

O Zaman Uzmana Sor!

Sorunuz yanıtlandığında size bir bilgilendirme maili ileteceğiz.

Uzmana Sorulanlar

  • 1 ASCII
    Serpil Çetin Yön işaretlerinin Ascıı kodu nedir?... ASCII
  • 2 SIM Lock
    Muhammed Elimde 15 pro max var sim lock var kildi karabilir miyiz geri dönüş yaparsanız sevinirim iyi günler... SIM Lock
  • 3 WebGL
    abdullah merhabalar ben WebGL yi dediğiniz gibi yapıyorum eksiksiz ama yinede olmuyor açmıyor oyunu ne yapama... WebGL
  • 4 Bumble
    Aydan Bumble giriyorum Bi kaç kişiye msj atmama rağmen chat kısmı da göremiyorum... Bumble
  • 5 Swarm
    Mehtap Aynı telefonda ikinci bir swarm nasıl açabilirim... Swarm
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al