CSS’i (X)HTML sayfalarımıza eklemenin 3 farklı yöntemi vardır.
- Kod içinde (In-line)
Direk olarak (X)HTML elemanın içine style özelliği kullanılarak uygulamak.
<div style="color:blue">CiN Yazılım</div>
Tüm CSS komutlarını kodların içine direk uygulamak önerilen bir kodlama şekli değildir. Ancak özel durumlarda kullanılabilir.
- <style> Elemanı Kullanılarak
<head> kısmında <style> elemanı içinde CSS kodumuzu yazarak uygulamak.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CiN Yazılım </title> <style type="text/css">
div{ color :blue ; } </style>
</head>Birinci yönteme göre avantajı (X)HTML kod ile CSS bir birinden ayrıştırılmış olmasıdır.
- Harici CSS Dosyası Kullanımı
Bu metot da CSS kodlarımızı .css uzantılı bir dosyaya kaydederiz. ornek.css
p { color : black; } a { color : blue ; }
