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>