Faydalı Bilgiler

HTML yazı tipi rengi

Pin
Send
Share
Send
Send


Bu eğiticide, metnin rengini ayarlayan son etiket niteliğine bakacağız. Varsayılan olarak, metnin beyaz bir arka planda görüntülenen siyah bir rengi vardır. Amacıyla html'de metin rengini değiştirme, etiketin renk özelliğini uygulamanız gerekir:

Bir renk belirtmek için, sadece adını belirtin, örneğin: kırmızı, yeşil, mavi. Küçük bir örnek düşünün:

Sonucu tarayıcıda görelim:

Birinci paragraftaki metin ikinci, kırmızı ve üçüncü mor renkle yeşile döndü. 16 ana renk adı ve 130 ek renk var. Renklerin tam listesini html renk tablosunda görebilirsiniz.

Bu renk atama yöntemi çok basittir, ancak çok sınırlıdır. Bu nedenle, html kodundaki rengi değiştirmek için genellikle bir sayı işareti (#) ile gösterilen bir onaltılık sayıyı kullanırlar, örneğin:

Bu atama ile 16 milyondan fazla renk ve renk tonu elde edebilirsiniz! Renk kodunu, sitede bulunan HEX renk dönüştürücüsünü kullanarak veya aynı Photoshop'taki renk paletini kullanarak alabilirsiniz. Bir örnek düşünün ve aşağıdaki kodu yazın:

Dosyayı kaydedin ve sonuca bakın:

Gördüğünüz gibi, metni ilk örnekte olduğu gibi aynı renklere ayarladık, sadece burada onaltılık sistemi kullandık ya da başka bir deyişle rengi HEX biçiminde ayarladık.

Artık metnin rengini html cinsinden ve dersin sonunda nasıl değiştireceğinizi öğrendiniz. Etiketin tüm niteliklerini tekrar etmenizi ve aynı anda birkaç parametre ayarlamanızı öneririm, yani: font, size ve color. Bir örnek yaz:

Her zaman olduğu gibi dosyayı kaydetmeyi ve sonucu görmeyi unutmayın:

Metin belirlediğimiz tüm parametreleri uyguladı ve her şey doğru görüntülendi. Önceki derslerdeki tüm etiket ve nitelikleri düşündüğümüzden kodun açıklamaya değmeyeceğini düşünüyorum ve zaten bunları biliyorsunuz.

FONT Etiket Nitelikleri

etiket yazı sadece üç özelliği var:

  • renk - metnin rengini ayarlar
  • boyut - metnin boyutunu ayarlar
  • yüz - Bir font ailesini tanımlar.

parametre renk rengin adıyla (örneğin “kırmızı”, “mavi”, “yeşil”) veya onaltılık kodla (örneğin, # fa8e47) belirtilebilir.

nitelik boyut 1 ila 7 arasında değerler alabilir (varsayılan değer, Times New Roman yazı tipi için 13,5 puana karşılık gelen 3'tür). Bir nitelik ayarlamak için başka bir seçenek “+1” veya “-1” dir. Bu, büyüklüğün, tabana göre sırasıyla 1 veya daha az değişeceği anlamına gelir.

Örneğimizde bu özelliklerin kullanımını göz önünde bulundurun:

Etiketi uyguladık yazı Bir kelime ile bunun için 6, turuncu renk ve "Serif" font ailesi.

CSS metin rengi

Metnin birkaç yerine belirli bir biçimlendirme uygulamanız gerekiyorsa (örneğin, metnin rengini değiştirin), CSS kodunu kullanmak daha doğru olacaktır. Bunun için bir renk özelliği var. Örneğimizde uygulamasının yöntemini düşünün:

Burada "Tasarımcı" kelimesi için mavi rengi (varsayılan olarak boyutu tabanın% 100'ü), yeşil rengi ve "siteler" kelimesi için% 125'i, turuncu rengi ve "Nubex" kelimesi için% 150 boyutunu belirleriz.

Yazı tipleri farklı

Tabela, basın ve edebiyat, siteler ve diğer hizmetler toplu standart yazı tiplerini kullanır. Rahat olmalarına rağmen, uzun zamandır sıkılıyorlar ve gözlerini yakalamıyorlar. Bu nedenle birçok tasarımcının tasarımın görünümünü bir şekilde değiştirmesi veya hatta yeni stiller yaratması. En ünlü ve etkili yazı tipleri:

Başlıca farklılıkları, bazı ailelerle ilgilidir. Antiquarian (serif), doğranmış, dekoratif, italik ve monosaklı aileleri vardır.

Ayrıca 5 adet yazı tipi boyutu olduğunu vurgulamak istiyorum.

ölçüm tayin
pxPiksel cinsinden
nkPuan
%Yüzde olarak
eskiKarakter yüksekliği
emGeçerli karakterin yüksekliği

Videoyu izle: HTML Dersleri 3. Bölüm Yazı Renkleri, Boyutları (Ocak 2021).

Pin
Send
Share
Send
Send