Span Tag සහ CSS සමග Word වර්ණ වෙනස් කිරීම සඳහා

CSS සමග, ලේඛනයේ වර්ණය වර්ණවත්වීම පහසුය. ඔබ ඔබේ පිටුවෙහි යම් යම් වර්ණයකින් ඡේද දර්ශනය කිරීමට අවශ්ය නම්, ඔබේ බාහිර විලාසය සහ බ්රවුසරය ඔබේ තෝරාගත් වර්ණයෙන් ඔබේ පාඨය විදහා දැක්වෙන බව සඳහන් කරන්න. පෙළපතේ ඡේදයක් ඇතුළත එක් වචනයක් (හෝ සමහරවිට වචන කීපයක්) වර්ණය වෙනස් කිරීමට ඔබට අවශ්ය වන්නේ කුමක් ද? ඒ සඳහා, ඔබ ටැග් වැනි පේළියක අංගයක් භාවිතා කිරීමට අවශ්ය වේ.

අවසාන වශයෙන්, තනි වචනයක වර්ණය වෙනස් කිරීම හෝ වාක්යයක් ඇතුළත කුඩා වචන සමූහයක් වෙනස් කිරීම CSS භාවිතා කිරීම පහසු වන අතර ටැග් වල වලංගු HTML වේ. එබැවින් මෙය යම් ආකාරයක හැපීමකි. මෙම ප්රවිෂ්ටයත් සමඟම ඔබ විසින් අක්රීය කරන ලද ටැග් හා ගුණාංගයන් ලෙස "ෆොන්ටේට්" ලෙස භාවිතා කර ඇත.

මෙම ලිපිය HTML සහ CSS වෙත අලුත් විය හැකි වෙබ් සංවර්ධනකරුවන් ආරම්භ කිරීම සඳහා වේ. ඔබගේ පිටු තුළ විශේෂිත පෙළ වර්ණය වෙනස් කිරීම සඳහා HTML ටැග් සහ CSS භාවිතා කරන ආකාරය ඉගෙන ගැනීමට ඔබට උපකාරී වනු ඇත. මෙය කියනු ලබන්නේ, මෙම ක්රමය සඳහා යම් අඩුපාඩු තිබේ, මම මෙම ලිපියෙන් අවසානයේ ආවරණය කරනු ඇත. දැන් මේ පෙළ වර්ණය වෙනස් කිරීමට පියවර කියවන්න. එය ඉතා පහසු වන අතර විනාඩි 2 ක් ගත විය යුතුය.

පියවරෙන් පියවර උපදෙස්

  1. ඔබගේ ප්රියතම පෙළ HTML සංස්කාරකයේ යාවත්කාලීන කිරීමට අවශ්ය වෙබ් පිටුව විවෘත කරන්න. මෙය Adobe Dreamweaver වැනි වැඩසටහනක් විය හැකිය, හෝ Notepad, Notepad ++, TextEdit වැනි සරල පෙළ සකසනයකි.
  2. ලේඛනයේ දී, පිටුවෙහි වෙනස් වර්ණයකින් ඔබට පෙන්විය යුතු වචන සොයා ගන්න. මෙම නිබන්ධනය උදෙසා, පාඨයේ විශාල ඡේදයක් ඇතුළත සමහර වචන භාවිතා කරමු. එම පාඨය තෙවන පාර්ශ්වය තුළ අඩංගු වේ. සංස්කරණය කිරීමට කැමති වර්ණ දෙකකින් එකක් සොයා ගන්න.
  3. වර්ණය වෙනස් කිරීමට අවශ්ය වචන හෝ වචන සමූහයේ පළමු අකුරට පෙර ඔබේ කර්සරය තබන්න. ඔබ ඩයමන්වීයර් වැනි WYSIWYG සංස්කාරකය භාවිතා කරන්නේ නම්, ඔබ දැන් "කේත දැක්ම" තුළ ක්රියාත්මක වේ.
  4. පන්තියේ ගති ලක්ෂණය ඇතුළුව ටැගයක් සමඟ වෙනස් කිරීමට අවශ්ය වර්ණ පෙළ ඉවතට යන්න ඉඩ දෙන්න. මුළු ඡේදයේම මෙවැන්නක් පෙනෙන්නට ඇත: මෙම වාක්යයේ ඇති වාක්යය මත පදනම් වූ පාඨයකි.
  5. අප විසින් CSS තුල භාවිතා කළ හැකි බව එම නිශ්චිත පෙළ "කොක්කක්" ලබා දීම සඳහා ආංශික මූලද්රව්යයක් භාවිතා කර ඇත. අපගේ ඊළඟ පියවර වන්නේ නව බාහිරව CSS ගොනුවට නව පැනීමක් එක් කිරීමයි.
  1. අපේ CSS ගොනුවේ අපි එකතු කරමු:
    1. ගොනුව:
    2. වර්ණය: # F00;
    3. }}
    4. -
  2. මෙම රීතිය රේඛීය මූලද්රව්යය, රතු වර්ණයෙන් පෙන්විය යුතුය. අපගේ ලේඛන කලු අකුරුවලට පෙර තිබූ ශෛලියක් අපට තිබුනේ නම්, මෙම පේළි විලාසිතාව අනුව හැඩගැසීමේ පාඨය විවිධ වර්ණ සහිතව කැපී පෙනෙන ලෙස හේතු වනු ඇත. අපට මෙම රීතියට වෙනත් විලාසයන් එක් කළ හැකිය, සමහරවිට එය තවත් අවධාරණය කිරීමට පෙළ ඇල අකුරු හෝ තදකුරුකරණය කිරීමක්ද?
  3. ඔබගේ පිටුව සුරකින්න.
  4. ඔබගේ වෙනස් වෙබ් බ්රවුසරයේ ඇති වෙනස්කම් දැක බලා ගැනීම සඳහා පිටුව පරීක්ෂා කරන්න.
  5. ඊට අමතරව, ඇතැම් වෙබ් වෘත්තිකයින් හෝ වෙනත් මූලද්රව්ය හෝ ටැම් යුගල වැනි වෙනත් මූලද්රව්ය භාවිතා කිරීමට තීරණය කරති. මෙම ටැග්ස් විශේෂයෙන් "තදකුරු" සහ "ඇලකුරු" සඳහා යොදා ගන්නා ලදී. නූතන බ්රව්සරවල තවමත් ටැග්ස් තවමත් වැඩ කරන අතර, බොහෝ වෙබ් අඩවි නිර්මාණකරුවන් ඒවා පේජස් ආකෘති කොකු ලෙස භාවිතා කරයි. මෙම නරකම ප්රවිෂ්ටය නොවේ. නමුත් ඔබ ඉවත් කරන ලද මූලද්රව්යයන් වළක්වා ගැනීමට අවශ්ය නම්, මෙම වර්ගයේ මෝස්තර අවශ්යතා සඳහා ටැග් සහිතව මා යෝජනා කරනවා.

සෝදිසියෙන් සිටීම සඳහා ඉඟි සහ දේවල්

මෙම ප්රවේශය කුඩා ලිපිලේඛන අවශ්යතා සඳහා හොඳින් ක්රියාත්මක වන අතර, ඔබට ලේඛනයක් තුල එක් කුඩා කැබැල්ලක් වෙනස් කිරීමට අවශ්ය නම්, එය ඉක්මණින් පාලනයෙන් ඉවත් විය හැකිය. ඔබගේ පිටුව පේළිගත මූලද්රව්ය සමඟ උරගයන් ඇති බව ඔබ සොයා ගන්නේ නම්, ඔබ ඔබේ CSS ගොනුව තුල භාවිතා කරන අද්විතීය පංති තිබිය හැක, ඔබ එය වැරදියි විය හැකිය, මතක තබා ගන්න, ඔබේ පිටුවෙහි ඇති මෙම ටැග් වලින් වැඩි වැඩියෙන් මතක තබාගන්න. එම පිටුව ඉදිරියට ගෙන යාම සඳහා විය හැකි ය. අතිරේකව, හොඳ වෙබ් ගවේශකයක් පිටු අතරට කලාතුරකින් කලාතුරකින් වර්ණ බොහෝ ආකෘතීන් තිබේ!