Yazı Tipi Rengini Değiştirmek için CSS Nasıl Kullanılır

Web sitenizi farklı yazı tipi renkleri ile süslemek mi istiyorsunuz? Bunu CSS kullanarak yapabilirsiniz. CSS, Basamaklı Stil Sayfaları anlamına gelir ve herhangi bir web sitesinin stilini oluşturmak ve yönetmek için kullanılan varsayılan dildir.

Bir HTML belgesine CSS uygulamanın üç yöntemi vardır. Bunlar satır içi CSS, dahili/gömülü CSS ve harici CSS'dir.

Birinci Yöntem: Satır İçi CSS

CSS'de yazı tipi rengini değiştirmek için bir CSS kuralı oluşturmanız gerekir. renk özelliğinin değeri.

Satır içi yöntem, hemen hemen her öğeye uygulayabileceğiniz stil özelliğini kullanır. HTML paragrafının yazı tipi rengini kırmızıya ayarlayan bir örnek:

Metnin paragrafı

Aynı efekti dahili/gömülü CSS veya harici CSS kullanarak da elde edebilirsiniz.

İkinci Yöntem: Dahili/Gömülü CSS

Bu yöntemi, bir HTML öğesinin birden fazla örneğini etkileyen ancak yalnızca tek bir sayfada etkileyen CSS kuralları oluşturmak istediğinizde kullanabilirsiniz. CSS kuralları daha sonra bir stil öğesi kullanılarak HTML sayfasının başlığına yazılır:

Üçüncü Yöntem: Harici CSS

Aynı efekti elde etmenin üçüncü yolu, harici bir CSS stil sayfası kullanmaktır. Bir metin düzenleyici kullanarak ".css" uzantılı bir dosya oluşturun. Yaygın uygulama, bu dosyayı şöyle bir şey olarak adlandırmaktır. stil sayfası.css ancak ".css" uzantısını koruduğunuz sürece herhangi bir ad verebilirsiniz.

Örneğin, harici bir stil sayfası kullanarak gövde metninizi yeşile boyamak için, CSS kuralına şu şekilde yapıştırmanız yeterlidir:

p { renk: mavi }

HTML belgenizde, HTML başlık öğesi içinde stil sayfanıza bir bağlantı eklemelisiniz:

Metnin paragrafı

CSS Uygulanmadan HTML'de Yazı Tipi Rengini Değiştirme

En iyi uygulama CSS kullanmaktır, ancak yazı tipi rengini yalnızca HTML kullanarak nasıl değiştireceğiniz aşağıda açıklanmıştır:

Metnin paragrafı

Font öğesi, color niteliğiyle birlikte kullanımdan kaldırılmıştır. Bunun nedeni, yapısal unsurlardan ziyade sunumsal olmalarıdır. Modern HTML yalnızca yapısal öğelerden oluşmalıdır.

CSS'de Yazı Tipi Rengini Değiştirmek Nispeten Kolaydır

CSS'de yazı tipi rengini değiştirmek için size üç yöntem gösterdik. Ayrıca, bunu HTML yazı tipi etiketini kullanarak eski yöntemle nasıl yapacağınızı da gösterdik. Onları deneyin ve hangisinin sizin için en uygun olduğunu görün!

CSS ve HTML kullanarak yazı tipi rengini değiştirme konusunda uzmanlaştıktan sonra, HTML'de yazı tipi boyutunu değiştirme konusunda uzmanlaşmak isteyebilirsiniz.

CSS'de HTML Yazı Tipi Boyutu Nasıl Değiştirilir

Sonrakini Oku

Yazar hakkında