HTML CSS

HTML4.0 kullanılarak, tüm biçimlendirme kodları HTML belgesinden ayrılarak, bağımsız bir stil tablosuna taşınabilir.

Örnek

HTML'deki stiller
Bu örnek, <head> bölümüne eklenen stil bilgilerini kullanarak HTML'yi nasıl biçimlendireceğini gösterir.
Alt çizgisi olmayan bağlantı
Bu örnek, stil özelliklerini kullanarak alt çizgisi olmayan bir bağlantı nasıl yapılacağını gösterir.
Bir dış tarz tablosuna bağlanma
Bu örnek, <link> etiketi ile bir dış tarz tablosuna nasıl bağlanacağını gösterir.

Stil nasıl kullanılır

Tarayıcı bir tarz tablosu okuduğunda, belgeyi bu tarz tablosuna göre biçimlendirecektir. Tarz tablosunu eklemek için üç yöntem vardır:

Dış tarz tablosu

Stilin birçok sayfaya uygulanması gerektiğinde, dış tarz tablosu mükemmel bir seçim olacaktır. Dış tarz tablosunu kullanarak, bir dosyayı değiştirerek tüm sitesinin görünümünü değiştirebilirsiniz.

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

İç Stil Tablosu

Tek bir dosya özel stillere ihtiyaç duyduğunda, iç stil tablosu kullanılabilir. Head bölümünde <style> etiketi ile iç stil tablosu tanımlanabilir.

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

Yerel Stiller

Özel stiller belirli elementlere uygulanması gerektiğinde, yerel stiller kullanılabilir. Yerel stillerin kullanımı, ilgili etikette stil özelliği kullanmaktır. Stil özelliği herhangi bir CSS özelliğini içerebilir. Aşağıdaki örnek, paragrafın rengini ve sol dış kenarı nasıl değiştireceğini gösterir.

<p style="color: red; margin-left: 20px">
Bu bir paragraftır
</p>

Bizim CSS Eğitimistiller hakkında daha fazla bilgi edinmek için ziyaret edin.

Etiket Açıklama
<style> Stil tanımlarını tanımlar.
<link> Kaynak atıfını tanımlar.
<div> Dokümdaki bölge veya bölgeyi (blok) tanımlar.
<span> Dokümdaki satırdaki küçük parçacıklar veya bölgeleri tanımlar.
<font> Metnin yazı tipi, yazı boyutu ve yazı rengini belirtir. Tavsiye edilmez. Lütfen stili kullanın.
<basefont> Temel yazı tipini tanımlar. Tavsiye edilmez. Lütfen stili kullanın.
<center> Metni yatayda ortalamak için tavsiye edilmez. Stile kullanın. Lütfen stili kullanın.