የድረ ገጽ ቅርጸ ቁምፊዎች ቀለሞች በ CSS

ጥሩ የስነ-ጽሑፍ ንድፍ የተሳካ የድር ጣቢያ አስፈላጊ ክፍል ነው. CSS የሚሰሩዋቸውን ድረ ገፆች ላይ ባሉ የጽሁፎች አመጣጥ ላይ ታላቅ ቁጥጥር ይሰጥዎታል. ይህ እርስዎ የሚጠቀሙባቸውን ማንኛውም የቅርጸ ቁምፊ ቀለም የመለወጥ ችሎታ ያካትታል.

የቅርጸ-ቁምፊ ቀለሞች ለውጫዊ ቅጥ ሉህ , በውስጥ ላይ ባለው የቅጥ ሉህ ሊቀይሩ ይችላሉ, ወይም ደግሞ በኤችቲኤምኤል ውስጥ ባለው የውስጠኛ ቅጥ በመጠቀም መለወጥ ይቻላል. ምርጥ የሲ ኤስ ኤስ ቅጦችዎን የውጫዊ ቅጥ ገጽ መጠቀም አለብዎት. በሰነድዎ "ራስ" ውስጥ በቀጥታ የተጻፉ ቅጦች, የውስጥ ቅጥ ሉሆች በአብዛኛው ለትንሽ, የአንድ ገጽ ገፅታዎች ብቻ ጥቅም ላይ ይውላሉ. የቅርጽ ቅጦች ከብዙ ዓመታት በፊት የተመለከትንበት የድሮው «ቅርጸ ቁምፊ» መለያዎች ስለሚመስሉ ሊወገዱ አይገባም. እነዚህን የውስጠ-መስመር ቅጦች በእያንዳንዱ የውስጠ-መስመር ቅፅ ላይ ሁሉንም መለወጥ ስለሚያስፈልጋቸው የቅርፀ ቁምፊን ቅጥ ለማስተዳደር በጣም ያስቸግራቸዋል.

በዚህ ጽሑፍ ውስጥ የቅርፀ ቁምፊ ቀለም እንዴት ውጫዊ ቅጥ ሉሆች እና በአንቀጽ መለያ ውስጥ ጥቅም ላይ የሚውል ቅጥን እንዴት እንደሚለውጡ ትማራለህ. መለያን ጨምሮ የፅሁፍ ቀለምን በማንኛውም የጽሑፍ ቁምፊ ላይ ለመቀየር ተመሳሳይውን የቅጥ ጽሁፍ ባህሪን ተግባራዊ ማድረግ ይችላሉ.

የቅርጸ ቀለም ለመለወጥ ቅጦች አክል

ለዚህ ምሳሌ, ለገጽዎ ማተመቻ እና ለዚያ ሰነድ የተያያዘ የሲሲኤስ ፋይል የኤችቲኤምኤል ሰነድ ሊኖርዎት ይችላል. የ ኤች ቲ ኤም ኤል ሰነድ በውስጡ በርካታ ንጥሎችን ሊያወጣ ይችላል. የዚህ ጽሑፍ ዓላማ ለእሱ የምንሰጠው ጉዳይ የአንቀጽ አባል ነው.

የውጫዊ ቅጥ ቅጥዎን በመጠቀም በአንቀጽ ውስጥ ያሉ የቅርጸ ቁምፊ ቀለሞች እንዴት እንደሚቀይሩ እነሆ.

የቀለም እሴቶች እንደ ቀለም ቁልፍ ቃላት, የ RGB ቀለም ቁጥሮች ወይም የሄክሳዴሲማል የቀለም ቁጥሮች ሊገለጹ ይችላሉ.

1. ለአንቀጽ መለያ ስሪት ቅጥታን ያክሉ:
   1. p {}
2. የቀለሙን ንብረት በአዲሱ ቅጥ አስቀምጥ. ከንብረቱ በኋላ አንድ ፍንጭ በማስቀመጥ:
   1. ፒ {ቀለም:}
3. ከንብረቱ በኋላ የእርስዎን የቀለም እሴት ያክሉ. ያንን ዋጋ በከፊል-ኮንዶም ማቆምዎን እርግጠኛ ይሁኑ
   1. p {ቀለም: ጥቁር;}

በእርስዎ ገጽ ውስጥ ያሉት አንቀጾች አሁን ጥቁር ይሆናሉ.

ይህ ምሳሌ የቀለም ቁልፍ ቃል - "ጥቁር" ይጠቀማል. CSS ውስጥ ቀለሞችን ለመጨመር አንድ መንገድ ነው, ግን በጣም ገደብ አለው. እነዚያ ሁለት ቀለሞች በጣም ዝርዝር ስለሆኑ ለ "ጥቁር" እና "ነጭ" ቁልፍ ቃላትን መጠቀም ግልጽ ነው, ነገር ግን እንደ "ቀይ", "ሰማያዊ" ወይም "አረንጓዴ" ቁልፍ ቃላት ከተጠቀሙ ምን ይከሰታል? በትክክል ቀይ, ሰማያዊ ወይም አረንጓዴ ጥቁር ያገኛሉ? በቁልፍ ቃላት የትኛውን ቀለም ጥላ እንደሚፈልጉ በትክክል መግለጽ አይችሉም. ለዚህ ነው የአስመሰለ-ህዝባዊ እሴት ብዙ ጊዜ ቀለሞች ቁልፍ በሆኑ ቃላት ይጠቀማሉ.

ፒ {ቀለም: # 000000; }

ይህ የሲሲኤስ ቅኝት የአቅጣጫዎችዎን ቀለም ወደ ጥቁር ይቀይረዋል ምክንያቱም የ # 000000 ኮዴክስ ወደ ጥቁር ይተረጉመዋል. እንዲያውም በዚህ የሄክስ እሴት ውስጥ አረፍተ ነገርን በመጠቀም በ # 000 ብቻ መጻፍ እና ተመሳሳይ ነገር ያገኛሉ.

ቀደም ብለን እንደጠቀስነው, የሂክስ እሴቶች በጥቁር ወይም በነጭ ብቻ ያለ ቀለም ሲፈልጉ በደንብ ይሰራሉ. አንድ ምሳሌ እነሆ:

ፒ {ቀለም: # 2f5687; }

ይህ የሂም እሴት አንቀጾቹን ወደ ሰማያዊ ቀለም ያስቀምጣቸዋል, ነገር ግን ከ "bleu" ቁልፍ ቃል በተቃራኒው, ይህ የሄክስክ ኮድ ልዩ ሰማያዊ ጥላ ለመምረጥ ችሎታ ይሰጠዎታል - ንድፍ አውጪው በሚፈጥሩበት ጊዜ ይህን ድር ጣቢያ. በዚህ ሁኔታ, ቀለሙ በመካከለኛ ደረጃ, ስሌት-መሰል ሰማያዊ ነው.

በመጨረሻም ለፍቅርፀጉር ቀለም የ RGBA የቀለም ዋጋዎችን መጠቀም ይችላሉ. RGCA በሁሉም ዘመናዊ አሳሾች ላይ ይደገፋል, ስለዚህ እነዚህን እሴቶች በድር አሳሽ ውስጥ የማይደገፍ በመሆኑ እምብዛም ስጋት ሊሆኑ ይችላሉ, ነገር ግን በቀላሉ የመጠባበቂያ ቅጂ ማስቀመጥ ይችላሉ.

p {ቀለም: rgba (47,86,135,1); }

ይህ የ RGBA እሴት ቀደም ብሎ ከተጠቀሰው ቀለም ሰማያዊ ቀለም ጋር ተመሳሳይ ነው. የመጀመሪያዎቹ 3 እሴቶች ቀይ, አረንጓዴ እና ሰማያዊ እሴቶችን ያዋቅሩ እና የመጨረሻው ቁጥር የአልፋ ቅንብር ነው. ወደ «1», «100%» ተዘጋጅቷል, ስለዚህ ይህ ቀለም ግልጽነት አይኖረውም. ያንን ወደ ዲጂታል ቁጥር ካዋቀዱት, እንደ .85, ወደ 85% ብርሃንነት (ብሩህነት) ይተረጉማል እንዲሁም ቀለሙ ትንሽ ግልጽ ነው.

የእርስዎን የቀለም እሴቶች መከላከያ ለማስወገድ ከፈለጉ ይህን ማድረግ ይችላሉ:

p {
ቀለም: # 2f5687;
ቀለም: rgba (47,86,135,1);
}

ይህ አገባብ የሄክስ ኮዱን መጀመሪያ ያስቀምጣል. ከዚያም ያንን እሴት ከ RGBA ቁጥር ጋር ይተካል. ይሄ ማለት ማንኛውም አሮጌ አሳሽ RGBA የማይደግፍ ከሆነ የመጀመሪያውን እሴት ያገኛል እና ሁለተኛውን ችላ ማለት ነው. ዘመናዊ አሳሾች በሲኤስሲ ቋጥኝ ውስጥ ሁለተኛውን ይጠቀማሉ.