Fikir Proje Ajans | CSS Dersleri – CSS Nasıl Çalışıyor
FikirProje
FikirProje
FPAjans
Tam Ekran

CSS Dersleri – CSS Nasıl Çalışıyor

CSS Dersleri – CSS Nasıl Çalışıyor Hakkında Detaylı Bilgi İçin Videomuzu İzleyebilirsiniz

CSS Nasıl Çalışıyor

Stil dosyasını nasıl ekleriz?
Tarayıcı stil dosyasını okuyarak html dokümanını nasıl göstermesi gerektiğini öğrenir. Stil dosyasını html dosyasına eklemenin üç yolu vardır.

Harici Stil Dosyası
Harici bir stil dosyası ile çalışmak birden fazla sayfa için stil hazırlıyorsak ideal olandır. Harici stil dosyası ile çalışırken <link> komutu ile stil dosyanıza bağlanmış her sayfanın görünümünde tek satırla bir çok değişiklik yapabilirsiniz.

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

Tarayıcı stil bilgilerini mystyle.css dosyasından okuyacaktır ve sayfanın görünümünü ona göre belirleyecektir.

Harici stil dosyasını her hangi bir metin editörü ile hazırlayabilirsiniz. Dikkat etmeniz gereken şey stil dosyanızın içinde HTML komutu bulunmaması ve uzantısının .css olması. Örnek bir stil dosyası;

hr {color: sienna}
p {margin-left: 20px}
body {background-image: url(?images/back40.gif?)}

NOT: Değer ile birimi arasında boşluk bırakmayın yani 20px yerine 20 px yazmayın.

Dahili Stil Dosyası
Dahili bir stil dosyası 1 sayfanın kendine has bir dış görünümü olacağı zaman işlevseldir. Dahili stil dosyası HTML dosyasının içinde <style> komutu ile başlar ve </style>? komutu ile biter.

<head>
<style type=?text/css?>
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url(?images/back40.gif?)}
</style>
</head>

Komut İçi Stiller
Komut içi stillerin, sadece bir komuta yönelik bir görsel tanım hazırlanması gerektiğinde kullanılması işlevdir. Kullanımı HTML niteliklerine benzer.

<p style=?color: siena; margin-left: 20px?>
Bu bir paragraf </p>

Fikir Proje olarak sizlere elimizden geldiğince, yararlı bilgiler paylaşmaya çalışıyoruz. Sizlerde bu paylaşımlarımızı, sosyal ağ ve diğer ağlarınızda paylaşırsanız seviniriz. Bilgi paylaştıkça çoğalır.

Bir Yorum Yazar Mısın?