Css nedir?
Css, oluşturduğumuz HTML iskeletine biçim veren yardımcı yazılım dilidir. CSS ile renk verilebilir, öğelerle şekil verebilirsinz öğenin konumunu düzenleyebilirsiniz. Yani yazdığınız kodlarda değişiklik yapmanızı sağlar.
Peki projeye nasıl CSS ekleyebiliriz. index.html sayfası açıp 3 şekilde CSS dosyayı ekleyebiliriz.
1. Satır içi (inline) CSS: Sadece içinde bulunduğu satırı etkiler. HTML etiketinin içine style =”#” kodu girerek oluşturabilirsiniz. Örneğin; <div style”background color: red;”> </div>
2. Head Tag CSS: Tekrarlayan öğeler kullanılınca tekrar tekrar yapmaktansa head etiketi(tag) arasına style etiketi açıp, tekrar eden öğeleri bu etiketin içinde kodlayabiliriz. Örneğin tekrar eden bir div etiketini veya h etiketini ; <head> <style> h1 {font-size:18px;color:blue}</style> </head> etiketi ile CSS kodlarını oluşturabiliriz.
3. Harici CSS: Genellikle büyük projelerde kullanılır.Klasör, sayfa olarak “style.css” olacak şeklinde açılır (isterseniz farklı bir ad da verebilirsiniz ama .css ile bitmek zorunda)HTML dosyası içindeki head etiketi arasındaki title’in altına<link rel=”stylesheet” href=”./style.css”> yazarak harici CSS dosyasını bağlayabilirsiniz. Kısaca link yazıp enterlayınca herf içini oluşturur bu şekilde css dosyasını içine ekleyebilirsiniz. Artık açılan harici CSS dosyasında her defasında style yazmadan kodlara müdahale edebilirsiniz.
