13 Aralık 2015 Pazar

CSS'i HTML Dosyasına Ekleme

CSS'i HTML dosya içerisine eklemenin birçok yöntemi var. Bu yöntemleri öğrenelim.

1. Dosya Çağırma

HTML dosya içerisinde ayrıca oluşturduğumuz .css uzantılı dosyayı çağırma yöntemidir.

Aşağıdaki örnek kodda olduğu gibi dosya çağırma yapılır.

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

Kullanılması önerilen bir yöntemdir.

2. HTML İçine Kod Ekleme

<style> etiketi kullanılarak ekleme yapılan yöntemdir. CSS kodlarınızı <style> etiketleri arasına yapıştırarak ekleme yapılır.

Örnek yapı.

<style type="text/css"> css kodu </style>

Kullanılması pek önerilmez. Bu yöntem sayfa boyutunu arttırır ve hızda yavaşlamaya sebep olur.

3. @import Yöntemi

Dosya ekleme yönteminin bir diğer versiyonudur. Eğer ayrıntılı olarak bakarsak aralarında belli farlar var ancak yapılan iş aynı. İlerideki yazılarda daha ayrıntılı bir yazıyla bu yöntemi inceleyeceğiz.

Örnek kod yapısı.

@import "style.css";


Kullanılan bu yöntemler HTML dosyası içerisinde head etiketleri arasında uygulanır.<head>...</head>