CSS HTML පිටු භාවිතා කරන ආකාරය ගැන ඔබ හුරුපුරුදු නම්, ඔබ ආකෘතිකරණය පිළිබඳ සංකල්පය අගය කරනු ඇත. XML markup භාෂාව ආරම්භයේදීම, දත්ත පෙන්වීම ටිකක් සංකීර්ණ වූ නමුත් එය ශෛල පත්ර සමඟ වෙනස් විය.
ශෛලියක් පත්රිකා පරිශීලනය එකතු කිරීම මගින්, ඔබේ වෙබ් පිටුවෙහි XML කේතය ආකෘතිකරණය කර ප්රදර්ශනය කළ හැකිය. CSS හෝ වෙනත් ආකෘතියක් නොමැතිව, XML ලෙස හැඩගැසීමේ ලේඛනයක් සොයා ගැනීමට නොහැකි බව ප්රකාශ කරන දෝශයක් සහිත XML ලෙස මූලික පෙළ ලෙස දිස් වේ.
XML හැඩගැන්වීමේ උදාහරණය
සරල ශෛල පත්රයක් පමණක් ඔබ දත්ත පෙන්වීමට අවශ්ය අංගය සහ හැඩතල ගැන්වීමේ ගුණාංග ලැයිස්තුගත කළ යුතුය.
මෙම කෝඩ් කෝඩරේෂණයට පෙන්විය යුතු මූලද්රව්ය සහ ඒවායේ වෙබ් පිටුව දෙස බලන ආකාරය පිළිබඳ කියවන්නාට කියනු ලබයි:
නියැදිය {පසුබිම: #ffffff; පළල: 100%;} mymessage {display: block; පසුබිම් වර්ණය: # 999999; margin-bottom: 30pt;} body {font-size: 50%}ආකෘති ගොනුවේ පළමු පේළිය මූල මූලය වේ. Root සඳහා ගුණාංග සමස්ත පිටුවට අදාළ වන නමුත් සෑම ටැග්මක් සඳහාම ඒවා වෙනස් කරන්න. මෙයින් අදහස් කරන්නේ ඔබට පිටු සඳහා පසුබිම් වර්ණය හා එක් එක් කොටස සඳහා නැවත වරක් ඔබට නියම කළ හැකිය.
මෙම ගොනුව ඔබේ XML ගොනුව ලෙස එකම ඩිරෙක්ටරිය සුරකින්න, එය .CSS ගොනු දිගුව බවට වග බලා ගන්න.
XML වෙත යොමු කරන්න
මේ අවස්ථාවේදී, මේවා සම්පූර්ණයෙන්ම වෙනම ලියකියවිලි දෙකක් වේ. වෙබ් පිටුවක් නිර්මාණය කිරීම සඳහා ඔවුන් එකට වැඩ කිරීමට ඔබට අවශ්ය බව ප්රොසෙසරයෙහි කිසිදු අදහසක් නැත.
CSS ගොනුව වෙත ගමන් කරන මාර්ගයේ හදුනාගත් XML ලේඛනයේ ඉහලින් ප්රකාශයක් එකතු කිරීමෙන් ඔබට මෙය නිවැරදි කළ හැකිය. මෙම ප්රකාශය මුලින්ම XML ප්රකාශයේ ප්රකාශයට යටත්වෙයි.
මෙම උදාහරණයේදී, CSS ගොනුව products.css , එය එන්එම්එල් ලේඛනයේ පරිදි ලේබල් කර ඇත්තේ එබැවිනි. CSS ගොනුව සඳහා ඔබ තෝරාගත් ගොනු නාමයේ ඇති ඕනෑම නමක් වෙනස් කරන්න.