MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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 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 forma çevrilmesi demektir. Tarayıcılar, Firefox, Chrome ya da Internet Explorer gibi, belgelerin görsel olarak sunulması için dizayn edilmiştir, mesela, bilgisayar ekranında, projektörde ya da yazıcıda.

Örnekler

  • Bir web sayfası okuduğunuz bir belge gibidir. Web sayfasında gördüğünüz bilgiler, genellikle bir markup dili olan HTML(Hyper Text Markup Language) ile yapılandırılmıştır.
  • -(en uygun çevirim için onay bekliyor)-Dialogs in an application, also called modal windows, are often documents.Such dialogs may also be structured using a markup language, like XUL (XML User Interface Language), which you will find in some Mozilla applications.

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

Daha fazla detay

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 kısımlarını dosyalardan toplayarak belgeyi hazırlar. Keza bu öğreticide dosyaların içerisinde saklanan belgelerle çalışacaksınız.

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

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

Bu eğiticinin ikinci kısmında bu markup dillerini göreceksiniz.

Daha fazla detay

Resmi CSS terminolojisinde (terimlerin anolojisinde), 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 kısmında, sadece tarayıcı için olan CSS ile çalışacaksınız.

CSS'e ilişkin resmi terminoloji ifadeleri için, World Wide Web Consortium (W3C) dan sağlanan CSS spesifikasyonların İfadelerine 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ı organize edin.
  2. Text editörünüzü açın.
  3. Aşağıda gördüğünüz HTML kodlarını kopyalayıp yapıştırın. belge1.html ismi 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. Fontlar, renkler ve boşluklar farklı olabilir. Ö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.

Document Tags and Contributors

 Contributors to this page: koca, pasalog
 Last updated by: koca,