CSS Nasıl Kullanılır ?
Tarayıcı içinde bir stil dosyası tanımladığınızda, tarayıcı içeriği o dosyaya göre biçimlendirecektir. CSS kodlarını sayfa içerisinde kullanmanın üç farklı yöntemi mevcuttur.
1. HTML etiketi içerisine doğrudan stil girmek.
Herhangi bir HTML etiketinin başlangıç etiketi içerisine “style” özelliği ekleyerek CSS kodlarının yazılmasıdır.
Kod:
<p style="color:red;"> mavitasarimofisi.com </p>
Yukarıdaki “p” etiketine stil atadık.
2. <head> etiketi içerisinde <style> etiketi kullanımı.
Sayfa içerisindeki herhangi bir nesneye stil ataması yapmak için <style> CSS kodları </style> HTML etiketini kullanırız.
Kod:
<head>
<style>
p {
color:red;
}
</style>
</head>
Bu etiket normal olarak <head> etiketi içerisinde kullanılır. Ancak sayfa içerisinde herhangi bir yerde de kullanılırsa da çalışır ama W3 standartlarına uymaz, yinede tarayıcı bunu hata olarak algılasa da hatayı bastırır. En doğru olanı standarda uygun kullanmak ya da 3. yöntemi uygulamak.
3. <head> etiketi içerisinde çağırılması.
Bir CSS dosyasının “head“ etiketi içerisinde çağrılmasıdır ve yöntem olarak en uygun olanı budur.
Aşağıdaki kodu;
<link href="css/style.css" rel="stylesheet" type="text/css"><head> etiketinin içerisine yerleştirirsiniz.
Örnek Kod:
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
Böylece sayfa içerisinde css dizinindeki “style.css” dosyasını çağırmış oluyoruz.
2013 yılında geniş hayaller ile önce tasarım sonra da yazılım alanında çalışmalar yapmaya başladım. Sıfırdan başlayarak pek çok MVC tabanlı sistemler ve Web Sayfaları tasarladım.
0 yorum:
Yorum Gönder