This article needs an editorial review. How you can help.
Go to Previous Section:
Getting started 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.
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, server veritabanını sorgular ve sayfanın kısımlarını dosyalardan toplayarak belgeyi hazırlar. Keza bu öğreticide dosyları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.
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
- Bilgisayarınızda bir dizin oluşturun ve alıştırmalarınızı organize edin.
- Text editörünüzü açın.
- Aşağıda gördüğünüz HTML kodlarını kopyalayıp yapıştırın.
belge1.htmlismi 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> - 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?
Go to Next Section:
Why use CSS?Belgenizde henüz CSS kullanmadınız. Bir sonraki bölüm'de, belgenizde CSS kullanacaksınız.