የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል

ዝርዝር ሁኔታ:

የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል
የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል

ቪዲዮ: የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል

ቪዲዮ: የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል
ቪዲዮ: እራስን ማወቅ/መሆን/ ነገን ከዛሬ የተሻለ ለማድረግ ያለዉሚና ምርጥ ምክር በምንወደዉድምጽ ያዳምጡት ይለወጡበታል 2024, ግንቦት
Anonim

በ html ውስጥ የአገናኞችን የማሳያ መለኪያዎች መለወጥ casssing css የቅጥ ሉሆችን በመጠቀም ሊከናወን ይችላል። የአገናኝ ቅርጸ-ቁምፊውን ማሳያ ፣ ተጠቃሚው በላዩ ላይ ጠቅ ከማድረጉ በፊት እና የመዳፊት ጠቅ ካደረገ በኋላ ቀለሙን እንዲያበጁ ያስችሉዎታል። እንዲሁም ጥቅም ላይ የዋለውን የቅርጸ-ቁምፊ ዓይነት እና መጠኑን መለወጥ ይችላሉ።

የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል
የአገናኝ ቅርጸ-ቁምፊን እንዴት መለወጥ እንደሚቻል

መመሪያዎች

ደረጃ 1

ክፍሎች እና የውሸት-ትምህርቶች በ css ውስጥ የአገናኝ መለኪያዎች ለማዘጋጀት ያገለግላሉ። የውሸት-ክፍል ሀ: አገናኝ ለመደበኛ አገናኝ ዘይቤን ያዘጋጃል ፣ ሀ: የተጎበኘው ቀደም ሲል ያገለገለ አገናኝ ማሳያ እንዲያበጁ ያስችልዎታል። መ: ጠቋሚው በኤለመንት ላይ ጠቅ ሲያደርግ የመለያውን መለኪያዎች በንቃት ያስተናግዳል ፣ እና ሀ-ማንዣበብ በላዩ ላይ ሲያንዣብቡ የአገናኙን ዘይቤ ያዘጋጃል። እንዲሁም ለኤለመንቱ ማንኛውንም ክፍል መፍጠር ይችላሉ ፣ እና በመለኪያዎች ውስጥ ጽሑፉን ለመቅረጽ መደበኛ ኦፕሬተሮችን ይጠቀሙ።

ደረጃ 2

በአሳሹ ውስጥ የአገናኝ ጽሑፍ ንዑስ መስመሩን ማሳያ ለማሰናከል የጽሑፍ ማስጌጫውን ይጠቀሙ - ምንም ልኬት። ይህንን ባህሪይ በአንድ ክፍል ውስጥ እና በውሸት-ክፍል ውስጥ ለአንድ አባል መግለጽ ይችላሉ ፡፡ የአገናኙን ቀለም ለመቀየር የቀለም ግቤትን ይጠቀሙ ፣ ለመጠን - ለመደበኛ ቅርጸ-ቁምፊ አይነታ። ደፋር ወይም ፊደል ዓይነትን ለማካተት ከፈለጉ የቅርጸ-ቁምፊ-ልኬቱን ይጠቀሙ።

ደረጃ 3

የገጽ ኮዱን ለማርትዕ በሚጠቀሙበት በማንኛውም የጽሑፍ አርታኢ የእርስዎን የ html ፋይል ይክፈቱ። ከዚያ በኋላ ወደ ሰነድዎ አንድ ክፍል ይሂዱ እና እጀታውን በመጠቀም ለወደፊቱ አገናኞች በገጹ ላይ የ css ኮድ ያዘጋጁ ፡፡ ለምሳሌ:

አገናኞችን መለወጥ

ሀ: አገናኝ {ጽሑፍ-ማስጌጫ: የለም;

ቅርጸ-ቁምፊ-14px;

ቅርጸ-ቁምፊ-ክብደት-ደፋር;

ቀለም: ቀይ; }

ደረጃ 4

ይህ ኮድ መስመሩን ከመደበኛው አገናኝ ያስወግዳል ፣ የጽሑፉን መጠን ወደ 14 ፒክሴሎች ያወጣል ፣ የደማቅ ዘይቤን እና የንጥረ ነገሩን ቀይ ቀለም ይተገብራል። አሁን በመለያው ውስጥ ያለ ማንኛውም አገናኝ እንደዚህ ይታያል።

ደረጃ 5

የ css ክፍሎችን በመጠቀም ለእያንዳንዱ የተወሰነ አገናኝ ቅጥ ማድረግ ይችላሉ። ስለዚህ በመለያው ውስጥ ያለው ኮድ የሚመስል ከሆነ

a.link1 {ቅርጸ-ቁምፊ-20 ፒክስል; ቀለም ጥቁር;}

ደረጃ 6

በሰነዱ አካል ውስጥ ያለውን ክፍል በመጠቀም የአገናኙን መጠን ወደ 20 ፒክስል እና ጥቁር መወሰን ይችላሉ-

አገናኝ

ከምሳሌው ማየት እንደሚቻለው አገናኙ የአገናኝን የክፍል አይነታ በመጥቀስ የተፈጠረውን ደረጃ ወደ ኋላ css ኮድ ክፍል ተመድቧል ፡፡ ይህ አገናኝ አሁን በጥቁር መልክ ይታያል እና መጠኑ 20 ፒክሴል አለው። ይህንን አይነታ ለመለወጥ ፣ የገጹን ክፍል የ css ኮድ ያርትዑ።

ደረጃ 7

የአገናኙን ገጽታ መለወጥ ተጠናቅቋል ፣ በፋይሉ ውስጥ የተደረጉትን ለውጦች ማስቀመጥ እና በአሳሽ ውስጥ ለመመልከት ማስኬድ ይችላሉ።

የሚመከር: