CSS nedir?

Css

This first section of the CSS Getting Started tutorial briefly explains Cascading Style Sheets (CSS). You'll also create a simple document to use for CSS exercises in subsequent sections.

Bilgi: CSS nedir

Cascading Style Sheets (CSS), belgelerin kullanıcılara nasıl sunulacağını özelleştiren bir dildir.

Belge, bir imleme(markup) dili kullanılarak yapılandırılmış bilgi yığınıdır.

Belgenin kullanıcıya sunuluşu, ziyaretçileriniz için kullanışlı bir biçime çevrilmesi demektir. Tarayıcılar, Firefox, Chrome ya da Internet Explorer gibi, belgelerin görsel olarak sunulması için tasarlanmıştır, örneğin, bilgisayar ekranında, yansıtımda(projektör) ya da yazıcıda.

Örnekler

  • Bir web sayfası okuduğunuz bir belge gibidir. Web sayfasında gördüğünüz bilgiler, genellikle bir imleme dili olan HTML(Hyper Text Markup Language) ile yapılandırılmıştır.
  • Bir uygulamadaki etkileşimli pencereler de aslında bir tür belgelerdir. Bu tür pencereler bir imleme diliyle (ör: XUL gibi) yapılandırılmış olabilir. Bunu bazı Mozilla uygulamalarında bulabilirsiniz. 

Bu eğiticide, kutular daha fazla ayrıntıyı kapsar, yukarıda gördüğünüz daha ayrıntılı bilgi sunan kutu gibi. Onları gördüğünüzde okuyun, bağlantıları edin izleyin daha sonra okumak için atlayın.

Daha fazla ayrıntı

Bir belge, dosya ile aynı değildir. Bir belgeyi ancak bir dosyanın içerisinde saklayabilirsiniz.

Şu an okuduğunuz belge bir dosyadadır. Tarayıcınız bu sayfayı çağırdığında, sunucu veritabanını sorgular ve sayfanın bölümlerini dosyalardan toplayarak belgeyi hazırlar. Aynı biçimde, bu öğreticide dosyaların içerisinde saklanan belgelerle çalışacaksınız.

Bu sitenin diğer sayfalarında imleme dilleri hakkında bilgi bulabilirsiniz;

HTML web sayfaları için
XML belgeleri genel olarak yapılandırma için
SVG Çizgeler için
XUL Mozilla'da kullanıcı arayüzleri için

Bu eğiticinin ikinci bölümünde bu imleme dillerini göreceksiniz.

Daha fazla ayrıntı

Resmi CSS terimler dizgesinde, belgenin kullanıcıya sunulduğu bir program, kullanıcı aracısı (User Agent-UA) olarak isimlendirilir. Bir tarayıcı, bir çeşit kullanıcı aracısıdır. CSS yalnızca tarayıcılar için veya görünüm sunumu için değildir fakat bu eğiticinin birinci bölümünde, yalnızca tarayıcı için olan CSS ile çalışacaksınız.

CSS'e ilişkin resmi terimleri için, World Wide Web Consortium (W3C) dan sağlanan CSS şartnamelerinin deyişlerine göz atın.W3C web için açık standartları hazırlayan uluslararası bir topluluktur.

Çalışma: Bir belge yaratmak

  1. Bilgisayarınızda bir dizin oluşturun ve alıştırmalarınızı düzenleyin.
  2. Yazı düzenleyicinizi açın.
  3. Aşağıda gördüğünüz HTML kodlarını kopyalayıp yapıştırın. belge1.html adı ile kaydedin. 
    <!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <title>örnek belge</title>
  </head>

  <body>
    <p>
      <strong>C</strong>ascading
      <strong>S</strong>tyle
      <strong>S</strong>heets
    </p>
  </body>
</html>

    Yukarıdaki Örneği Görüntüle

  4. Tarayıcınızda kaydettiğiniz belgeyi açın.

    Tarayıcıda, aşağıdaki gibi ilk harfleri kalın olan yazıyı göreceksiniz;

    Cascading Style Sheets

    Eğer yukarıdakinin aynısını göremiyorsanız, bu tarayıcı ayarlarından kaynaklıdır. Yazı yüzleri, renkler ve boşluklar farklı olabilir. Bu gibi farklılıklar önemli değildir.

Bir sonraki adım?

Belgenizde henüz CSS kullanmadınız. Bir sonraki bölüm'de, belgenizde CSS kullanacaksınız.