HTML

1 Aralık 2007

Stiller

Stiller nasıl kullanılır

Bir tarayıcı stil sayfalarını okuyunca belgeyi buna göre kalıplar. Stil sayfalarını eklemenin üç yolu vardır:

Dışsal Stil Sayfaları

Birden çok sayfaya uyarlandığında dışsal stil sayfaları en kullanışlı olanıdır. Tüm sayfalar aynı stil dosyasıyla kalıplanır. Her stil dosyası <link> biçiminde tanımlanır. Bu komut <head> bölümünde yer almalıdır.

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

İçsel Stil Sayfaları

Bir sayfanın tekil stil tanımı için kullanılır. "head" bölümünde <style> biçimiyle tanımlanır.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Satır içi stiller

Bir öğenin tekil kullanımı için gereken stil tanımı satır içi stil tanımıyla sağlanır. satır içi stillerde kullanılan biçimin içinde stil tanımları yapılır. Stil nitelikleri CSS özelliklerini içerir. Aşağıdaki örnek bir paragrafın sol kenarını ve yazı rengini değiştirir:

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>