1. Öğe seçicide şunu girin: renk özelliği: . Bu özellik seçilen öğenin metin rengini belirler. arka plan rengi özelliği, metnin HTML arka plan rengini belirler. Örneğimizde bu özellik, sayfadaki tüm metni içeren öğe olan gövde metninin rengini değiştirecektir:

1. Metin rengini girin. Bunu yapmanın üç yolu vardır: bir ad girin, onaltılık bir değer girin veya RGB değeri. Örneğin metni mavi yapmak için blue , rgb(0, 0, 255) veya #0000FF girin:

1. Çeşitli öğelerin rengini değiştirmek için başka seçiciler ekleyin. Farklı sayfa öğelerinin metin rengini veya metnin HTML arka plan rengini değiştirmek için çeşitli seçicileri kullanabilirsiniz:

Bu başlık yeşil olacaktır.

Bu paragraf mavi olacaktır.

1. Öğeyi değiştirmek yerine bir CSS stil sınıfı belirtin. HTML'de arka plan rengi oluşturmadan veya bir öğenin stilini değiştirmeden önce, bir stil sınıfı belirleyebilir ve ardından bunu sayfadaki herhangi bir öğeye uygulayabilirsiniz. Örneğin, .redtext sınıfı, öğenin metnini kırmızıya boyayacaktır:

Bu başlık kırmızı olacak

Bu paragraf standart olacaktır.

Bu paragraf kırmızı olacak

Yöntem 2: Satır İçi Stil Niteliklerini Kullanma

1. HTML dosyasını açın. Tek bir sayfa öğesinin stilini veya HTML arka plan rengini değiştirmek için satır içi stil niteliklerini kullanabilirsiniz. Bir veya iki değişiklik yapmanız gerekiyorsa bu yararlı olabilir ancak büyük ölçekli kullanım için önerilmez. Stili tamamen değiştirmek için önceki yöntemi kullanın:

1. Değiştirmek istediğiniz öğeyi bulun. Satır içi stil niteliklerini kullanarak herhangi bir sayfa öğesinin metin rengini değiştirebilirsiniz. Örneğin, belirli bir başlığın metin rengini değiştirmek için başlığı dosyada bulun:

Bu başlığın değiştirilmesi gerekiyor

1. Bir öğeye stil niteliği ekleme. Değiştirilen öğenin açılış etiketinin içine style="" yazın:

Html'de yazı tipi rengi nasıl değiştirilir?

Web teknolojileri hakkında herhangi bir bilginiz varsa, bir belgenin tüm işaretlemesinin ve içeriğinin bir html dosyasında ve dosyanın içinde bulunduğunu bilmelisiniz. css stilleri bu, çeşitli öğelerin görünümünü tanımlayan stilleri saklar. Yani yazı tipi rengini ve diğer her şeyi değiştirmek için kullanmamız gereken CSS'dir.

Html'de metne belirli efektler uygulamanıza izin veren etiketler vardır, ancak her renk tonu için yüzlerce etiket bulmanın pek de mantıklı olmayacağını kabul etmelisiniz. Css'de bunu çok daha rahat kontrol edebilirsiniz. Örneğin, ekranda görüntülenen sayfanın tüm içeriğini içeren bir etiket olan html gövde öğesinin yazı tipi rengini bu şekilde ayarlayabilirsiniz.

gövde (renk: kırmızı;)

Sayfanın gövdesine kırmızı rengini atadık. Paragraflar, listeler, başlıklar ve diğer tüm unsurlar bunu alacaktır. Bu öğelerin stilleri başkalarına yeniden tanımlanana kadar bu durum gerçekleşecektir.

Renkli kayıt formatları

Belki web tasarımı hakkında biraz bilginiz vardır? Bu durumda, farklı olduğunun farkında olmalısınız. renk modları. Örneğin rgb, rgba, hsl, hex vb. Tabii ki, bir ton belirlemenin en kolay yolu basitçe bir anahtar kelime yazmaktır. Yukarıdaki örnekte bunu yaptık, kırmızı değeri harfleri kırmızı, mavi – mavi, kahverengi – kahverengi yapar. Bunlar sadece İngilizce çiçek isimleridir.

Bu durumda bilmeniz gereken tek şey istenilen rengin adıdır. Bunları internette herhangi bir tabloda görüntüleyebilirsiniz. Sonraki popüler yol bir renk belirleyin - yazın onaltılık kod. Bu sözde hex formatıdır. Örnekler:

p( color: #000; ) /* Paragraflardaki metin siyah olacaktır. */ table( color: #fff; ) /* Tablolardaki içerik beyaz olacaktır. */

Gördüğünüz gibi ızgarayı ve ardından renk kodunu yazmanız gerekiyor. Onu nasıl tanıyabilirim? Örneğin, Photoshop'u veya bir renk seçerken onaltılık kodunun görüntülendiği başka bir grafik düzenleyiciyi açabilirsiniz. Ayrıca çevrimiçi hizmeti de kullanabilirsiniz.

RGB başka bir popüler kayıt formatıdır. Basitçe kırmızı, yeşil, mavi anlamına gelir. Bu formattaki renk şu şekilde ayarlanır:

#altbilgi( renk: rgb(234, 22, 56); )

Kimlik altbilgisine sahip öğe belirtilen rengi alacaktır. Kırmızının payı 234, yeşil – 22, mavi – 56 olacaktır. Bu değerler 0'dan 255'e kadar yazılabilir. Buna göre gölgemiz kırmızıya daha yakın olacaktır. Paint'te üç ana rengin doygunluğunu değiştirerek paletinize renkler ekleyebilirsiniz.

Bu yöntemin avantajı sadece üç rakamı değiştirerek milyonlarca renk arasından seçim yapabilmenizdir. Anahtar kelimeler kullanarak yazarken cephanenizde yalnızca birkaç yüz renk olacaktır.

RGBA - yarı saydam metin!

Evet yeni mod kayıtlar, hangi grafik editörleri uzun zamandır ortalıkta dolaşıyor, ancak web tasarımında nispeten yakın zamanda ortaya çıktı. Bu şekilde yazılmıştır:

a( rgba(255, 12, 22, 0,5); )

Girişteki son sayı şeffaflığı ayarlar. 0'dan 1'e kadar yazılabilir, burada 1 tamamen opak metindir, yani varsayılan davranıştır. Bu durumda tüm bağlantılar kırmızıya dönecek, ancak şeffaflık nedeniyle rengin parlaklığı çok daha az olacak ve bağlantının altında başka bir arka plan veya öğe varsa görünür olacaktır.

Rengi ayarlamanın yanlış yolu

Html'de kullanımdan kaldırılmış bir renk özelliği vardır ve bunun yardımıyla metin rengini aşağıdakileri kullanarak yazmak mümkün olmuştur: anahtar kelime. Şimdi bu işe yaramayabilir bile modern tarayıcılar ve aslında bu yöntem genel kabul görmüş web standartlarını ihlal ediyor. Ve aynı zamanda sakıncalıdır.

Rastgele bir parçanın rengi nasıl belirlenir

Tamam, paragraflar, bağlantılar ve tablolar için yazı tipi renginden bahsediyoruz, ancak bunlar sağlam öğelerdir, peki ya bir cümle, bir kelime, bir harf için bir renk tanımlamanız gerekiyorsa?

Sadece sonuca varıyoruz gerekli parça V yayılma etiketleri. Etiketin içine isteğe bağlı ancak anlaşılır bir değer belirlediğimiz bir sınıf niteliği yazıyoruz. Örneğin şöyle:

İşte bu kadar, artık geriye kalan tek şey css'deki seçiciye erişmek.

Bu derste son etiket özelliğine bakacağız , metnin rengini ayarlar. Varsayılan olarak metin siyahtır ve beyaz bir arka planda görüntülenir. İçin HTML'de metin rengini değiştirme, özelliği uygulamanız gerekir etiket rengi :