İçindekilerGirişİndex
YukarıİlkÖncekiSonrakiSon
Geriİleri
Yazdır

Cascading Style Sheet

Style Etiketinin Kullanımı

Tüm stiller head etiketi içinde style etiketi ile yazılabilir. Aşağıda örnek görülmektedir.

Göster Gizle Kopar Satır Gizle Satır Göster
  1 <html>
  2 <head>
  3 	<style>
  4 		...stiller buraya yazılır....
  5 	</style>
  6 </head>
  7 <body>
  8 	...stiller kullanılır....
  9 </body>
 10 </html>

İnline Kullanım

Style'ler yanlızca tek bir element için bir attribute ile yaratılabilir.

Göster Gizle Kopar Satır Gizle Satır Göster
  1 <html>
  2 	<body>
  3 		<p style="color:red;font-size:12pt">inline stil kullanılmış paragraf</p>
  4 	</body>
  5 </html>

Stillerin Ayrı Dosyadan Kullanılması

Stiller .css ile ayrı bir dosyaya yazılabilir. Aşağıdaki örnekte test.css adlı dosyadaki css kullanılmaktadır. Bu link etiketi ile test.css dosyasının sayfaya bağlanması ile yapılır.

Göster Gizle Kopar Satır Gizle Satır Göster
  1 <html>
  2 <head>
  3 	<link href="test.css" type="text/css" rel="stylesheet"></link>
  4 </head>
  5 <body>
  6 	...test.css dosyasındaki stiller kullanılır....
  7 </body>
  8 </html>

Dosya Listesi

İçindekilerGirişİndex
YukarıİlkÖncekiSonrakiSon
Geriİleri
Yazdır