<style> Nedir?
<style> etiketi, bir HTML belgesi içinde CSS (Cascading Style Sheets) kurallarını tanımlamak için kullanılır. Bu etiket sayesinde sayfanın renkleri, yazı tipleri, boşlukları ve genel görünümü doğrudan HTML dosyası içinde belirlenebilir. <style> etiketi genellikle <head> bölümünde yer alır.
Ne İşe Yarar?
<style> etiketi, harici bir CSS dosyası kullanmadan sayfaya stil vermeyi sağlar. Küçük projelerde, test amaçlı çalışmalarda veya sadece o sayfaya özel stiller tanımlanmak istendiğinde oldukça kullanışlıdır. Tarayıcı, bu etiket içindeki CSS kurallarını okuyarak sayfanın görünümünü buna göre düzenler.
En Basit Kullanımı
<style> etiketi içinde doğrudan CSS kuralları yazılır.
<head>
<style>
body {
background-color: #f5f5f5;
}
</style>
</head>Örnek Kullanımlar
Metin rengi ve yazı tipi ayarlama
Paragrafların rengini ve yazı tipini değiştirmek için kullanılabilir.
<style>
p {
color: blue;
font-family: Arial, sans-serif;
}
</style>Başlık stilleri tanımlama
Başlık etiketlerinin boyut ve hizalamasını ayarlamak mümkündür.
<style>
h1 {
text-align: center;
font-size: 32px;
}
</style>Sayfaya özel stiller kullanma
Sadece ilgili sayfayı etkileyecek CSS kuralları tanımlanabilir.
<style>
.kutu {
width: 200px;
height: 100px;
background-color: red;
}
</style>Ne Zaman Kullanılır?
- Küçük ve basit sayfalarda hızlı stil vermek için.
- Test ve deneme amaçlı çalışmalarda.
- Sadece tek bir sayfayı etkileyecek özel stiller gerektiğinde.
Küçük İpuçları
- <style> etiketi çoğunlukla <head> bölümünde kullanılır.
- Büyük projelerde harici CSS dosyaları tercih edilmelidir.
- Bir sayfada birden fazla <style> etiketi kullanılabilir ancak önerilmez.
- Düzenli ve okunabilir CSS yazmak bakım açısından önemlidir.