1) Kod içinde(in-line)
Direkt olarak HTML elementinin içine style özelliği kullanılarak eklenebilir.
<div style="color=red;">deneme</div>
2) "style" elementi kullanılarak
"head" kısmında "style" tagları içinde CSS kodları yazılabilir.
<html>3) Harici CSS
<head>
<style type="text/css">
div {
color: red;
}
</style>
</head>
<body>
</body>
</html>
Bu yöntemde , CSS kodları hazırlanır ve ".css" uzantılı olarak kaydedilir.
Örneğin CSS kodları aşağıdaki gibi olsun ve "style.css" adıyla kaydedilsin:
p {Bu CSS dosyası web sayfasında aşağıdaki gibi kullanılabilir:
color: red;
}
a {
color: blue;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>4) "@import" ile eklemek
<body>
</body>
</html>
Bu yöntem, üçüncü yönteme benzemektedir. Bir websitesinde birden fazla CSS kullanılacaksa, bu yöntemi kullnamak daha iyidir. Ancak eski web tarayıcılarında çalışmayabilir. Kullanımı aşağıdaki gibidir:
<html>_____________________________________________________________________________
<head>
<style type="text/css">
@import "style.css";
</style>
</head>
<body>
</body>
</html>
Kaynak: http://www.fatihhayrioglu.com/cssi-web-sayfalarina-eklemek/
_____________________________________________________________________________
Hiç yorum yok :
Yorum Gönder