Web projesi geliştirdiğimizde kimi zaman harici css dosyası kimi zaman style attribute(özniteliği) veya style etiketleri arasına yazılabilmektedir ihtiyaça veya projeye göre seçim yapılıp uygun şekilde kullanılması gerekmektedir bu makalemizde 3 farklı css tanımlama yöntemini göreceğiz.
Web projesi geliştirdiğimizde kimi zaman harici css dosyası kimi zaman style attribute(özniteliği) veya style etiketleri arasına yazılabilmektedir ihtiyaça veya projeye göre seçim yapılıp uygun şekilde kullanılması gerekmektedir bu makalemizde 3 farklı css tanımlama yöntemini göreceğiz.
Kodlamasını yaptığını bir web projesine css eklemenin 3 yolu vardır.
- Harici bir CSS dosyasından
- HTML içinde “style” etiketi arasında
- Etiketlerin style paramatresiyle
Harici CSS dosyası ile CSS ekleme
1 | <link type="text/css" href="..." media="..." /> |
Öznitelikler(Attributes)
| Öznitelik(Attribute) | Deger | Açıklama |
|---|---|---|
| type | text/css | Bu öznitelikile içetik türü(MIME Types) belirtiliyor. Bu zorunlu bir alandır. |
| href | URL | Harici olarak hazırlanmış stil dosyasının yolu bu özniteliğe girilir. Bu zorunlu bir alandır. |
| media | screen tty tv projection handheld braille aural all | Bu stilin hangi cihazda uygulanacağı belirtiliyor. Default value isall. Bu opsiyonel bir alandır. |
En çok tercih edilen yöntemlerden biri olan harici css ile kodlar tek sefer yazılarak tüm sayfalardan link etiketi veya “@import” kullanılarak sayfaya kolayca eklenebilmekte ve kolayca tüm elemanlara hızlı müdahale edilmektedir. Örneğin style.css adında bir CSS stil dosyamızın olduğunu varsayalım. Bu dosyayı etklilenmesini istediğimiz sayfalarda head etiketleri arasına aşağıdaki satırı eklemelisiniz.
1 | <link href="style.css"/> |
Yukarıdaki tanımlama ile beraber css dosyası html içerisine dahil edilmiştir ve böylece css dosyası içerisinde yazılan kodlar sayfa içerisinde etiklenmesi gereken etiketler varsa bu tanımlamayla beraber etkilenecektir.
Dikkat edilmesi gereken nokta ise “link” etiketi “head” etiketleri arasına yazılmalıdır aksi durumda tarayıcı yorumlayamadığından sayfaya etki etmeyecektir.
Harici olarak css dosyasını eklemenin diğer bir yolu ise @import metodu ile gerçekleşmektedir. Bu yöntemin farkı css dosyasonon web tarayıcı tarafından daha önce yorumlanmasıdır. Böylece bir CSS kodunu eklemeden önceki bölümlerde CSS dosyasına göre biçimlendirilecektir. Bu yöntemin kullnımı yine “
