CSS Nedir? - İsmail KIRBAŞ ile Web Sitesi Tasarımı
İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa]
 Site Haritası 
 
Site Map
Ana SayfaYeriniz | Ana Sayfa | Makaleler | Programcılık | CSS | CSS Nedir?

Diğer Yazılar
Kısa Bilgiler Örnekler
CSS-P Konumlandırma
CSS ile Background
CSS 2
CSS ve XHTML ile Temel Sayfa Tasarımı


E-posta Gönderin Yorum Yazın
Güvenlik Kodu:4562Güvenlik Kodu:4562Güvenlik Kodu:4562Güvenlik Kodu:4562




En Son Okunan 10 Makale
  1. E-iş
  2. İletişim
  3. Grafik Bölümü
  4. B2B Nedir?
  5. Senaryo Kullanımı
  6. Hızlı Aşağı Açılır (Drop-down) Menü
  7. Asimetrik Kriptografi
  8. E-Ticaret Nedir?
  9. Görünmez Menü ve Tasarım
  10. Strese Girmemek İçin Neler Yapmalıyız ?
 
CSS Nedir?>
Yazı Tipi KüçültYazı Tipi BüyütAna SayfaYazıcıdan ÇıkarPDF Belgesi Olarak GörüntüleFavorilerime EkleArkadaşıma Tavsiye EdeceğimRTF (Word Dokümanı) olarak görüntüle

CSS, Cascading Stylesheet veya Katmanlı Sayfa Sitilleri denen ve HTML'e destek sağlayan stil komutları teknolojisidir. HTML içindeki nesnelere etiketleri ile özellikler ekleyerek onları biçimlendirmenizi sağlar.

Hazırladığınız web sayfasının World Wide Web Consortium www.w3c.org tarafından belirlenen standartlarda olması, amaca ulaşmak için gerekli şartlardan biridir. CSS bu standartlara en kolay yoldan ulaşmanızı sağlayan bir araçtır. Farklı browser türlerinde aynı görüntüyü CSS ile rahatlıkla elde edebilirsiniz.

CSS ile bir HTML ögesinin görüntülenme özelliklerini bir kaç farklı şekilde değiştirebiliriz:

1. Her sayfaya başka bir *.css uzantılı dosyayı,

<STYLE type=text/css media=screen>@import url( cssornek.css );
</STYLE>

ya da

<link href="cssornek.css" rel=stylesheet type=text/css>

şeklinde ekleyerek.

2. HEAD bölümü içinde <STYLE type="text/css">...</Style> yazarak,

3. Ya da direk etiketler içinde <table style="..." >,
<td style="..." >, <p Style=...>" şeklinde yazılarak kullanılabilir.

Mesela, basit bir örnek;

<font face="Webdings" size="4">a b c d e f g h i j k l m n o p q r s t u v w y z</font> yazarak aşağıdaki görüntüyü elde edebiliriz. Webdings fontu aşağı yukarı her Microsoft işletim sisteminde standart olarak bulunduğu için Windows kullanıcılarında bir sorun çıkmayacaktır.
a b c d e f g h i j k l m n o p q r s t u v wy z

 

Dışardan ekleyeceğiniz ve ya HEAD kısmına yazacağınız style etiketlerini;

TD{background-color: #FFFFFF}
.bgrengi{background-color: #CC66FF}

şeklinde yazabilirsiniz. Ancak .bgrengi{... şeklinde yazdığınız zaman <td class="bgrengi"> şeklinde class etiketi ile belirtmeniz gerekmektedir. Diğerinde TD etiketi olan her alan belirtilen rengi alacaktır zaten.


CSS `de seçicilerde STYLE tagi arasında, başına nokta koyup isim vererek yaptığımız stili, katman içinde class etiketiyle çağırabildiğimiz gibi birde # işareti ile başlatıp çağırabiliriz bu sefer class yerine id kullanmamız gerekir.

<STYLE type="text/css">
#bgrengi {background-color: gray; font-size: 12px; color: maroon}
</STYLE>


şeklinde bir style belirleyip;

<P><span id="bgrengi"> www.ceviz.net</span></p>

şeklinde id ile belirttiğiniz yazının backgroundu gri, yazı maroon renginde olacaktır.

Daha çok Javascript ile id şeklinde tanımlanan css etiketleri kullanılmaktadır. Bu CSS şekline, ID (kimlikli) denmektedir. Class etiketi ile çağırılanlara ise sınıflı denir.



Not: Yazılar konusundaki yorumlarınız için lütfen Yorum Yazın bölümümüzü kullanın.

Yazar : Şahin
Son Güncelleme : 30 Mayıs 2005, Pazartesi
Sayfa Sürümü : 1
Okunma Adedi : 7,069
Son Okunma : 2017-11-22 06:28:37
Kaynaklar : http://www.ceviz.net/index.php?case=article&id=52&catid=16

CSS Nedir?Kısa Bilgiler Örnekler
© [Site Haritası]
| Makaleler | Seyir Defteri | Kaynaklar | İndirin | İletişim |

RSS dosyasını görmek için tıklayınız. RSS dosyasını görmek için tıklayınız.XML versiyonu için tıklayınız WAP versiyonu için tıklayınız Bu site DyNA İçerik Yönetim Sistemi üzerinde çalışmaktadır.
İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa
ismail kırbaş ile web sitesi tasarimi sitemap ismail kırbaş ile web sitesi tasarimi sitemap
  Sitemizde 5 kişi çevirimiçi | Bugün =62 | Dün =252 | Bu Ay=5,598 | Günlük En Fazla=1,109 tekil ziyaretçi