CSS තේරීම් පන්තිය සහ id අතර වෙනස කුමක්ද? HTML හි id සහ පන්ති භාවිතය

CSS තේරීම් පන්තිය සහ id අතර වෙනස කුමක්ද? HTML හි id සහ පන්ති භාවිතය

චෙන් වේලියාංදැනට ක්රියාත්මක වේSEO, අඩවිය ප්‍රශස්ත කරන්නවර්ඩ්ප්රෙස්තේමාව.

මම මීට පෙර මූලික HTML සහ CSS දැනුමක් ඉගෙන ගෙන තිබුණත්, මම එය ටික කාලයකින් ක්‍රියාත්මක කර නැත, විශේෂයෙන් CSS කොටස් භාවිතය, එය අමතක කිරීම පහසුය.

එබැවින්, CSS තේරීම් ID සහ පන්තියේ වෙනස සහ භාවිතය මෙහි සටහන් කර සාරාංශ කරන්න:

• id #div ට අනුරූප වේ
• පන්තිය .div ට අනුරූප වේ

id සහ class අතර වෙනස

id විස්තරය

• id යනු ස්ථාවර ටැගයකි, එය #div ආකාරයෙන් අර්ථ දක්වා ඇති වෙබ් පිටුවේ විශාල විලාසය නිර්වචනය කිරීමට භාවිතා කරයි.
• උදාහරණයක් ලෙස: තීරු බෙදීම, ඉහළ, ශරීරය, පහළ, ආදිය...
• නිශ්චිත මූලද්‍රව්‍යයක් නිර්වචනය කිරීමට භාවිතා කරයි, එය පිටුවකට එක් වරක් පමණක් දිස්විය හැකි අතර නැවත නැවත ඇමතීමට නොහැක.

පන්ති විස්තරය

• Class යනු ස්ටයිල් සමූහයකි, එය වෙබ් පිටුවේ සවිස්තරාත්මක මෝස්තර නිර්වචනය කිරීමට භාවිතා කරයි.එය .div ආකාරයෙන් අර්ථ දක්වා ඇති අතර නැවත නැවතත් කළ හැක.
• උදාහරණයක් ලෙස: විශේෂිත මෙනුවක්, පෙළ පෙළක්, ආදිය...
• එකම පිටුවේ, එය බහු මූලද්‍රව්‍ය මගින් නැවත නැවතත් හැඳින්විය හැක

div තේරීම්කාරකයටම ගුණාංග නොමැත.එහි css නිර්වචනය කිරීමෙන්, එය div හි පළල, උස, පසුබිම් වර්ණය සහ පෙළ ප්‍රමාණය වැනි සමහර පිරිසැලසුම් පාලනය කරයි.

ජනරාල්ඊ-වාණිජ්‍යයවෙබ් අඩවිය,වෙබ් අඩවියක් සාදන්නවැඩසටහන මගින් ජනනය කරන ලද html වෙබ් පිටුව CSS හරහා පිටු සැකැස්ම සාක්ෂාත් කර ගැනීමයි.

තේරීම්කාරකයක් යනු කුමක්ද?

එක් එක් CSS ශෛලියේ නිර්වචනය කොටස් 2 කින් සමන්විත වේ:

选择器 {样式}

• {} ට පෙර කොටස "තේරීම" වේ.
• "තේරීම" එය ක්‍රියා කරන {} හි "විලාසය" දක්වයි.
• එනම්, මෙම "විලාසය" වැඩ කරන්නේ වෙබ් පිටුවේ කුමන අංගය මතද?

කේත උදාහරණය

class="sidebar" මූලද්‍රව්‍යයක් තෝරාගෙන මෝස්තර කරන ආකාරය මෙන්න:

.sidebar
{ 
background-color:black;
}

id="footer" සහිත මූලද්‍රව්‍යයක් තෝරාගෙන මෝස්තර කරන ආකාරය මෙන්න:

#footer
{ 
background-color:black;
}