Harici bir CSS stil sayfasında yazı tipi renklerini, boyutlarını ve diğer parametreleri belirtebilirsiniz. Bununla birlikte, yalnızca bir kelimenin veya ifadenin rengini değiştirmek istiyorsanız, en kolay ve en basit yol etiketi satır içi kullanmaktır. Satır içi CSS, göründüğü gibidir: Harici bir stil sayfası yerine sayfanın HTML'sine eklenir.
Kullanımdan kaldırılan etiketi kullanmaktan kaçının.
Etiketi kullanarak bir kelimenin rengini nasıl değiştireceğiniz aşağıda açıklanmıştır:
Tercih ettiğiniz metni veya HTML düzenleyicisini kod görünümü modunda kullanarak, imlecinizi renklendirmek istediğiniz kelimenin veya kelime grubunun ilk harfinin önüne getirin.
Rengini değiştirmek istediğimiz metni class niteliği de dahil olmak üzere bir etiketle saralım. Paragrafın tamamı şöyle görünebilir: Bu, bir cümlede odaklanılan metindir.
-
Bu belirli metne, CSS'de kullanabileceğimiz bir "kanca" verin. Bir sonraki adımımız, yeni bir kural eklemek için harici CSS dosyamıza atlamak.
CSS dosyamıza şunu ekleyelim:
.odak-metin {
renk: #F00;
}
Bu kural, satır içi öğeyi kırmızı renkte görüntülenecek şekilde ayarlar. Belgemizin metnini siyaha ayarlayan önceki bir stilimiz olsaydı, bu satır içi stil, yayılma metninin odaklanmasına ve farklı renkle öne çıkmasına neden olur. Bu kurala başka stiller de ekleyebiliriz, belki metni daha da vurgulamak için italik veya kalın hale getirebiliriz?
-
Sayfanızı kaydedin.
Değişiklikleri görmek için sayfayı favori web tarayıcınızda test edin.
Buna ek olarak, bazı web profesyonellerinin veya etiket çiftleri gibi diğer öğeleri kullanmayı tercih ettiğini unutmayın. Bu etiketler eskiden özellikle kalın ve italik olarak kullanılırdı, ancak kullanımdan kaldırıldı ve ve ile değiştirildi. Etiketler hala modern tarayıcılarda çalışır, ancak pek çok web geliştiricisi bunları satır içi stil kancaları olarak kullanır. Bu en kötü yaklaşım değil, ancak kullanımdan kaldırılmış öğelerden kaçınmak istiyorsanız, bu tür stil ihtiyaçları için etikete bağlı kalmanızı öneririz.
İpuçları ve Dikkat Edilmesi Gerekenler
Bu yaklaşım, bir belgedeki yalnızca küçük bir metin parçasını değiştirmeniz gerektiği gibi küçük stil ihtiyaçları için iyi çalışsa da, hızla kontrolden çıkabilir. Sayfanızın, CSS dosyanızda kullandığınız benzersiz sınıflara sahip satır içi öğelerle dolu olduğunu fark ederseniz, Yanlış yapıyor olabilirsiniz, Unutmayın, sayfanızda bu etiketlerden ne kadar çok olursa, o sayfanın devam etmesini sağlamak o kadar zor olur ileri. Ek olarak, iyi web tipografisinde nadiren bu kadar çok renk çeşidi vb. bulunur. sayfa boyunca.