ඔබ HTML සමඟ වෙබ් අඩවි ගොඩනඟා ඉක්මනින් ඔබ ප්රමාණයේ වැඩ කිරීම ආරම්භ කරනු ඇත. ඔබේ වෙබ් අඩවියට පෙනෙන පරිදි ඔබේ වෙබ් අඩවිය බැලීමට ඔබට අවශ්ය ආකාරයට පෙනෙන පරිදි, ඔබ විසින් නිර්මාණය කරන ලද නිර්මාණකරුවෙකු හෝ වෙනත් නිර්මාණකරුවකු විසින් නිර්මාණය කර ඇති පරිදි, එම වෙබ් අඩවියේ ප්රමාණය සහ එම පිටුවෙහි අනෙක් කොටස් වෙනස් කිරීමට ඔබට අවශ්ය වනු ඇත. මෙය සිදු කිරීම සඳහා HTML "size" ටැග් එකක් සොයා ගැනීමට ඔබට හැක, නමුත් ඔබට ඉක්මණින් එය හමු වනු ඇත.
HTML ප්රමාණයේ ටැග් HTML වල නොමැත. ඒ වෙනුවට, ඔබේ ෆොන්ටේවල ප්රමාණය, රූප හෝ ආකෘතියේ ප්රමාණය වෙනස් කිරීම සඳහා ඔබ කැස්කැඩින් ස්ටයිල් පත්ර භාවිතා කළ යුතුය. ඇත්ත වශයෙන්ම, වෙබ් අඩවියේ පෙළ හෝ වෙනත් මූලද්රව්යයක් බවට පත් කිරීමට ඔබට අවශ්ය ඕනෑම දෘශ්ය වෙනසක් CSS විසින් කළ යුතු ය. HTML යනු ව්යුහය පමණි.
HTML ප්රමාණයේ ටැගයකට සමීපතම ටැගය යනු සත්ය වශයෙන්ම ගුණාංගයක් අඩංගු වූ පැරණි අකුරු ටැග් වේ. මෙම ටැගය වර්තමාන HTML අනුවාදයන් අතහැර ඇති බවට අනතුරු අඟවා ඇති අතර ඉදිරියේදී බ්රවුසරයේ සහාය නොදක්වන්නට පුළුවන! ඔබගේ HTML හි අකුරු ටැගයක් භාවිතා කිරීමට ඔබට අවශ්ය නැත! ඒ වෙනුවට, ඔබ ඔබේ HTML අංග ප්රමාණයට CSS ඉගෙන ගත යුතු අතර ඒ අනුව ඔබේ වෙබ් පිටුව සකස් කරන්න.
අකුරු ප්රමාණ
අක්ෂර CSS සමග ප්රමාණයේ සරළම සරලම දේ විය හැකිය. එම පාඨය ප්රමාණවත් නොවිය හැක, CSS ඔබට ඔබේ වෙබ් අඩවි මුද්රණාලයෙහි වඩාත් නිශ්චිත විය හැකිය. ඔබට ෆොන්ට් ප්රමාණය, වර්ණය, ආවරණ, බර, ප්රමුඛයා සහ තවත් දේ අර්ථ දැක්විය හැක. ෆොන්ට් ටැග් එක සමඟ, ඔබට පමණක් ප්රමාණය නිර්වචනය කළ හැක්කේ, සෑම පාරිභෝගිකයෙකුටම වෙනස් වන බ්රවුසරයේ පෙරනිමි අකුරු ප්රමාණයට සාපේක්ෂව පමණි.
ඔබේ ඡේදයේ අකුරු ප්රමාණය 12pt ට වඩා අඩු කිරීම සඳහා, ෆොන්ට-ප්රමාණයේ විලාසය භාවිතා කරන්න:
h3 {font-size = 24px; }}මෙම ස්වරය මගින් හිසරියම් 3 මූලද්රව්යයේ 24 පික්සල් ප්රමාණයෙන් සකස් කර ඇත. ඔබට මෙය බාහිර ශිලා පත්රයකට එකතු කළ හැකි අතර ඔබේ වෙබ් අඩවියේ H3 මෙම විලාසිතාව භාවිතා කරනු ඇත.
ඔබට ඔබගේ පෙළට අමතර ටයිපොග්රැෆි ආකාරයන් එකතු කිරීමට අවශ්ය නම්, මෙම CSS නියමය මත ඒවා එකතු කළ හැකිය:
h3 {font-size: 24px; වර්ණය: # 000; ෆොන්ට-බර: සාමාන්ය; }}මෙය H3s සඳහා පමණක් එම අකුරු ප්රමාණය සකස් කරනු ඇති අතර, එය කළු වර්ණයට සැකසීමටද (# 000 හෙක්ටර හෙක්ටයාර් යනු කුමක්ද යන්න) සහ එය "සාමාන්ය" බවට පත් කරනු ඇත. පෙරනිමියෙන් බ්රවුසරයේ තද පැහැති අකුරු 1-6 කින් හසුරුවයි, එබැවින් මෙම ප්රකෘතිය එම පෙරනිමි සහ අනිවාර්යයෙන්ම "නො-නිර්ලෝභී" පාඨය අභිබවා යයි.
පින්තූර ප්රමාණය
පින්තූර ප්රමාණය වෙනස් කිරීම සඳහා බ්රවුසරය භාවිතා කළ හැකි නිසා ඒවායේ ප්රමාණය නිර්වචනය කළ හැක. ඇත්ත වශයෙන්ම, වෙබ් බ්රවුසරය සමඟ පින්තූර වෙනස් කිරීම නරක අදහසකි, පිටු වඩා සෙමින් පැටවීමට හේතු වන අතර, වෙබ් බ්රවුසරයේ ප්රමාණය වෙනස් කිරීමෙහි දුර්වල කාර්යයක් සිදු කරයි. ඒ වෙනුවට, ඔබ රූප වෙනස් කිරීම සඳහා ග්රැෆික් මෘදුකාංගය භාවිතා කළ යුතු අතර පසුව ඔබේ වෙබ් පිටු HTML හි ඔවුන්ගේ සැබෑ ප්රමාණයන් ලිවිය යුතුය.
අකුරු මෙන් නොව, රූප නිර්වචනය සඳහා HTML හෝ CSS භාවිතා කළ හැකිය. රූපයේ පළල සහ උස වේ. ඔබ HTML භාවිතා කරන විට ඔබට පික්සල ප්රමාණය පික්සල තුළ පමණක් අර්ථ දැක්විය හැක. ඔබ CSS භාවිතා කරන්නේ නම්, ඔබට අඟල්, සෙන්ටිමීටර හා ප්රතිශතය අනෙකුත් මිනුම් භාවිතා කළ හැකිය. ප්රතිචාර දක්වන වෙබ් අඩවියක් ලෙස ඔබේ ඡායාරූපවල උෂ්ණත්වය අවශ්ය වන විට මෙම අවසාන වටිනාකම, ප්රතිශතයන් ඉතා ප්රයෝජනවත් වේ.
HTML භාවිතයෙන් ඔබගේ ප්රතිබිම්බ ප්රමාණය අර්ථ දැක්වීමට, img ටැග් වල උස හා පළල පරාමිතීන් භාවිතා කරන්න. උදාහරණයක් ලෙස, මෙම රූපය පික්සල 400x400 වර්ග:
height = "400" width = "400" alt = "රූපය" />CSS භාවිතා කරමින් ඔබේ අනුරූ ප්රමාණය අර්ථ දැක්වීම සඳහා, උස සහ පළල ශෛලිය ගුණාංග භාවිතා කරන්න. මෙන්න එකම රූපය, ප්රමාණය නිර්වචනය කිරීමට CSS භාවිතා කරමින්:
style = "height: 400px; width: 400px;" alt = "රූපය" />පිරිසැලසුම් ප්රමාණ
ඔබ පිරිසැලසුමක් තුළ නිර්වචනය කරන වඩාත් බහුල ප්රමාණය වන්නේ පළල වේ. ඔබ තීරණය කිරීමට අවශ්ය වන්නේ පළමුව ඇති පළල සැලැස්ම හෝ ප්රතිචාරාත්මක වෙබ් අඩවියක් භාවිතා කළ යුතුද යන්නයි. වෙනත් වචනවලින් කිවහොත්, පික්සල් ගණන, අඟල් හෝ ලක්ෂ සංඛ්යාතයක් ලෙස අර්ථදැක්වීමට ඔබ සූදානම්ද? එසේත් නැතිනම් ඔබේ පිරිසැලසුම් පළල EMS හෝ ප්රතිශතයකින් නම්යශීලී විය යුතුද? ඔබේ ආකෘතියේ ප්රමාණය නිර්වචනය කිරීම සඳහා ඔබ රූපය තුළ සමාන වන පරිදි පළල සහ උස CSS ගුණාංග භාවිතා කරන්න.
ස්ථාවර පළල:
style = "width: 600px;">ද්රව පළල:
style = "width: 80%;">ඔබ ඔබේ පිරිසැලසුම සඳහා පළල තීරු තීරණය කිරීමේදී, ඔබේ පාඨකයන් භාවිතා කළ හැකි විවිධ බ්රවුසර් භාවිතා කරන විවිධාකාර උපාංගයන් සහ ඒවා භාවිතා කරනු ඇත. විවිධාකාර උපාංග සහ තිර ප්රමාණයන් මත පදනම්ව ප්රතිචාර දක්වන වෙබ් අඩවි , ඒවායේ පිරිසැලසුම හා ප්රමාණයේ වෙනස්කම් වෙනස් කළ හැක්කේ ඒ නිසාය.