htmlnedirr

HTML Stiller (Styles)

HTML Stiller (Styles)


HTML 4.0 ile birlikte tüm biçimlendirme öğeleri ayrı bir dosya içerisine taşınmıştır.


Stiller Nasıl Kullanılır?

Bir tarayıcı bir stil dosyasını okumaya başladığı zaman HTML dökümanını ona göre biçimlendirir. Stil dosyalarını eklemenin üç yolu vardır.

Harici Stil Dosyası

Harici bir stil dosyası her zaman daha iyidir. Çünkü sadece .css dosyasının içerisinde değişiklik yaparak tüm sitenin görünümünü değiştirebilirsiniz. Her sayfa stil dosyasına <link> etiketi ile bağlanmalıdır. <link> etiketi <head>..</head> içerisinde tanımlanmalıdır.

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

Dahili Stil Dosyası

Eğer sadece bir HTML dökümanı içerisinde stil uygulanacaksa bu yöntem kullanılabilir.

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

Satır İçi Stiller

Tek bir öğeye uygulanacağı zaman kullanılır.

<p style="color: red; margin-left: 20px">
Bu bir paragraf.
</p>



Bugün 3 ziyaretçi (5 klik) kişi burdaydı. (Copyright © Tüm Hakları Saklıdır)
Hitarttirma.com
Tüm hakları saklıdır.Copyright © 2013 - 2014
Çizen: Tugat Tekeci , HTML&CSS Döken: Tugay Tekeci
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol