Matn va fon rangini o'zgartirishingiz mumkin.

Qo'shimcha funksionallik

Html-da shrift rangini qanday o'zgartirish mumkin

Agar siz veb-texnologiyalar haqida ozgina ma'lumotga ega bo'lsangiz, shuni bilishingiz kerakki, hujjatning barcha tartibi html faylida joylashtirilgan va CSS uslubidagi fayl turli elementlarning yangi ko'rinishini belgilaydigan uslublarni saqlab qoladi.

Shunday qilib, biz shrift rangini o'zgartirish va uni o'zgartirish uchun CSS dan foydalanishimiz kerak.

Misol uchun, o'q HTML korpus elementi shrift rangini o'rnatish uchun ishlatilishi mumkin, bu teg ekranda ko'rsatiladigan barcha yon tarkibni o'z ichiga oladi.

tanasi (rang: qizil; )

tanasi (

rang: qizil;

Biz qizil rangning butun tomonini yozdik.

Bunga paragraflar, ro'yxatlar, sarlavhalar va boshqa barcha elementlar kiradi.

Bunday holda, ushbu elementlar uchun dock uslublari boshqalarga qayta tayinlanmaydi.

Yozuv rangini formatlash

Identifikator altbilgisi bo'lgan element rang ko'rsatkichlarini qabul qiladi.

Qizil qism 234, yashil qismi 22, ko'k qismi 56 bo'ladi. Bu qiymatlarni 0 dan 255 gacha yozish mumkin. Ko'rinib turibdiki, bizning rangimiz qizil qismga yaqinroq bo'ladi.

Paint-da siz uchta asosiy rangning intensivligini o'zgartirib, palitraga ranglar qo'shishingiz mumkin.

Ushbu usulning afzalligi shundaki, siz millionlab ranglardan uchta raqamni o'zgartirish orqali tanlaysiz.

Qo'shimcha kalit so'zlarni yozganingizda, sizning arsenalingiz yuzdan ortiq rangga ega bo'ladi.

Shunday qilib, men grafik muharrirlarda uzoq vaqtdan beri mavjud bo'lgan, ammo yaqinda veb-dizaynda paydo bo'lgan yangi narxlash rejimini taqdim etaman.

Buni shunday yozing:

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

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

Qolgan raqam tushunchani qayd etadi.

Siz ularni 0 dan 1 gacha yozishingiz mumkin, bu erda 1 mutlaqo noaniq matn, ya'ni standart xatti-harakatlar.

Bunday holda, barcha tafsilotlar qizil rangga aylanadi, ammo ravshanlik tufayli rangning yorqinligi sezilarli darajada kamayadi va tafsilotlar ostida ko'rinadigan boshqa fon yoki element mavjud.

Rangni o'rnatishning noto'g'ri usuli HTML eski uslubdagi rang atributiga ega va bu yordam yordamida kalit so'z orqasiga matn rangini yozishingiz mumkin.

Infektsiya joriy brauzerlar bilan ishlamasligi mumkin, ammo bu usul umumiy qabul qilingan veb-standartlarni buzadi. Va u ham buzilmaydi.

Tegishli parcha uchun rangni qanday aniqlash mumkin

Xo'sh, biz bu erda paragraflar uchun shrift rangi haqida gapiramiz, o'sha jadvalni va barcha elementlarni joylashtiring, lekin nima uchun bitta jumla, bitta so'z, bitta harf, bitta so'z uchun rangni aniqlashingiz kerak? Biz shunchaki span tegining kerakli qismini joylashtiramiz. :

html (min-balandligi: 100%;) korpus (fon: -webkit-linear-gradient (#93B874, #C9DCB9); fon: -o-linear-gradient (#93B874, #C9DCB9); fon: -moz-linear -gradient(#93B874, #C9DCB9) chiziqli-gradient(#93B874, #C9DCB9);

• Turli xil brauzerlarda gradient funktsiyalari boshqacha tarzda amalga oshiriladi, shuning uchun kod versiyasini yangilash kerak.

1. To'g'ri gradient yarating. Agar siz tikuvlarning vertikal gradientini xohlamasangiz, ranglarning to'g'ridan-to'g'ri o'tishini ko'rsating. :

   Kim uchun teglar orasiga quyidagi kodni kiriting

   • html (min-balandligi: 100%;) korpus (fon: -webkit- chiziqli-gradient (chapda, #93B874, #C9DCB9); fon: -o- chiziqli-gradient (o‘ngda, #93B874, #C9DCB9); fon: -moz-chiziqli-gradient (o'ngda , #93B874 , #C9DCB9 );

2. Agar xohlasangiz, turli gradient yo'nalishlari bilan tajriba o'tkazish uchun "chap" va "o'ng" so'zlarini o'zgartiring. Gradientni sozlash uchun boshqa organlarga murojaat qiling.

   • Siz u bilan ko'proq pul topishingiz mumkin, ammo bu ishlamaydi.

     Masalan, teri rangidan keyin siz yuzlab raqamni kiritishingiz mumkin.

   • Shunday qilib, terining rangi segmenti qaysi joyni egallaganligini ayta olasiz.

     Butt o'qi kodi quyidagi parametrlarga ega:

fon : chiziqli-gradient (#93B874 10%, #C9DCB9 70%, #000000 90%); Rangga aniqlik qo'shing.

< html > < head > < style >Kim uchun teglar orasiga quyidagi kodni kiriting < body >

Kimning sharobini yo'qotish asta-sekin o'chadi. Xira effektga erishish uchun bir xil rangni tanlang. Rangni o'rnatish uchun sizga rgba() funksiyasi kerak. Xira effektga erishish uchun bir xil rangni tanlang. Qolgan qiymatlar aniqlikni ko'rsatadi: 0 - noaniq rang va 1 - aniq rang.

fon: chiziqli-gradient (o'ngga, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1)); Xira effektga erishish uchun bir xil rangni tanlang. Kodni ko'rib chiqing.

Veb-sahifaning asosiy qismi sifatida rang gradientini yaratish uchun kod quyidagicha ko'rinadi: Saytdagi shrift rangi qo'shimcha HTML kod yordamida o'rnatilishi mumkin.

Teg nima uchun? shrift. Xira effektga erishish uchun bir xil rangni tanlang.:

Veb-sahifaning asosiy qismi sifatida rang gradientini yaratish uchun kod quyidagicha ko'rinadi: Saytdagi shrift rangi qo'shimcha HTML kod yordamida o'rnatilishi mumkin.

Buning uchun teg Xira effektga erishish uchun bir xil rangni tanlang..

matn dizaynini o'zgartirish uchun ishlatilishi mumkin bo'lgan matn uchun "o'rash" yoki "konteyner" bo'lib xizmat qiladi.

teg

fon: chiziqli-gradient (o'ngga, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1)); Xira effektga erishish uchun bir xil rangni tanlang. shunday tiqilib qoling:

• shrift Veb-sayt yaratuvchisi
• "Nubex" HTML shrifti rangini o'zgartirishning eng oddiy usuli rang atributini o'zgartirishdir
• rang teg

Bu yerda siz teg bilan hoshiyalangan so'z uchun ko'k rangni o'rnatasiz shrift Rang parametridan tashqari teg boshqa atributlarni ham o'z ichiga oladi.

FONT teg atributlari "Nubex" Siz 1 dan 7 gacha qiymatlarni olishingiz mumkin (avvalgisi 3, Times New Roman shrifti uchun 13,5 ballga to'g'ri keladi).

Atributni ko'rsatishning yana bir varianti - "+1" yoki "-1".

Veb-sahifaning asosiy qismi sifatida rang gradientini yaratish uchun kod quyidagicha ko'rinadi: Saytdagi shrift rangi qo'shimcha HTML kod yordamida o'rnatilishi mumkin.

Keling, ushbu atributlarning birjadagi holatini ko'rib chiqaylik: Xira effektga erishish uchun bir xil rangni tanlang. Siz qo'shimcha HTML yordamida shrift rangini o'zgartirishingiz mumkin

Mi zastosuvali teg

bitta so'z, uni 6 o'lchamga, to'q sariq rangga va "Serif" shrift oilasiga o'rnating.

Agar qo'shiqni (masalan, matn rangini o'zgartirish) matnning bir nechta bo'limlariga formatlash kerak bo'lsa, uni CSS kodi bilan tezlashtirish yaxshi bo'ladi. Va bu rang atributiga bog'liq. Saytdagi shrift rangi qo'shimcha HTML kod yordamida o'rnatilishi mumkin.

Keling, uni dumba ustiga qo'yish usulini ko'rib chiqaylik:

Siz CSS yordamida shrift rangini o'zgartirishingiz mumkin Konstruktor saytlar Bu erda biz "Konstruktor" so'zi uchun ko'k rangni o'rnatdik (uning o'lchami, tozalagandan keyin, asosiyning 100%), "saytlar" so'zi uchun yashil rang va o'lchami 125%, to'q sariq rang va o'lchami 150% "Nubex" so'zi uchun. :