CSS සැළසුම් පමණක් සීමාවකට වඩා වැඩි ය
CSS සැලැස්මේ ඇති දේ ව්යාකූල වන දේපළකි. ඔබ ඒ ගැන මුලින්ම දැනගත් විට, මායිම් දේපලෙන් දුරස්ථව එය කෙසේ දුරට තේරුම් ගන්නේද යන්න අපහසුය. W3C එය පහත සඳහන් වෙනස්කම් ඇති කරයි.
- සටහනක් අවකාශය නොගනී.
- ලුහුඬු සටහන් නොතිබිය හැකිය.
නිරූපණය නොකරන්න
මෙම ප්රකාශය තුලම ව්යාකූලයි. වෙබ් පිටුවක වස්තුවක් වෙබ් පිටුවකට ඉඩ නොලැබේ කෙසේද? නමුත් ඔබ ඔබේ වෙබ් පිටුව ළූණු වැනි ලෙස සිතන්නේ නම්, පිටුවෙහි එක් අයිතමයක් තවත් අයිතමයක් මත ස්ථීර විය හැක. මූලද්රව්යයේ ඇති දේපල මූලද්රව්යයේ කොටුවේ ඉහලින් තබා ඇති නිසා අවකාශය නොගනී.
සටහනක් මූලද්රව්යයක් වටා තැන්පත් වන විට, එම පිටුවෙහි ඇති මූලද්රව්යය කෙතරම් දුරට බලපාන්නේද යන්න කෙරෙහි කිසිදු බලපෑමක් නැත. මූලද්රව්යයේ ප්රමාණය හෝ තත්වය වෙනස් නොවේ. ඔබ මූලද්රව්යයක් පිළිබඳ දළ සටහනක් තබා ඇත්නම්, එම මූලද්රව්යයේ සටහනක් නොමැතිව සමාන ඉඩ ප්රමාණයක් ගතවනු ඇත. මායිම් සඳහා මෙය සත්ය නොවේ. මූලද්රව්යයක සීමාව පිටත පළල හා උෂ්ණත්වයේ උස වේ. ඔබට පික්සල 50 ක් සහිත පික්සල 50 ක් සහිත පිංතූරයක් පික්සල් 54 ක් (එක් එක් පැත්තක සීමාව සඳහා පික්සල් 2 ක්) ගතවනු ඇත. 2-පික්සල් සැලැස්මක් සහිත එම රූපය ඔබේ පිටුවෙහි පික්සල් පළල පමනක් පමණි ගතවනු ඇත, මෙම සටහන රූපයේ පිටත මායිමෙන් පෙන්වයි.
නිරූපණය නොකෙරේ
"සිසිල්, දැන් මට රවුම් අල්ලන්න පුළුවන්" කියා සිතීමට පෙර නැවත සිතන්න. ඔබ සිතන දේට වඩා මෙම ප්රකාශයට වෙනත් අර්ථයක් තිබේ. ඔබ මූලද්රව්යයක් මත සීමාවක් තැබූ විට, බ්රවුසරය එය එක් යෝධ හතරැස් කොටුවක් ලෙසට අර්ථ දක්වයි. කොටුව පේළි කිහිපයකට බෙදී ගියහොත්, බ්රවුසරය වසා දමනු ලබන්නේ දෝශයන් පමණි. බ්රවුසරය අනන්තවම පුළුල් තිරයක් සහිතව දැකිය හැකිය. එම සීමාව එක දිගට සෘජුකෝණාස්රය වීමට ප්රමාණවත්ය.
ඊට වෙනස්ව, ලුහුඬුකම් දේපල සැලකිල්ලට ගනී. පේළි කිහිපයකින් පේළි කිහිපයක් විහිදෙන නම්, පේළිය අවසානයේ දී දළ සටහන අවසන් වන අතර ඊළඟ රේඛාව මත නැවත විවෘත වේ. හැකිනම්, දළ සටහනක්, හතරෙන් දෙකක හැඩයක් නොතිබිය හැකිය.
ආකෘතියේ දේ භාවිතා කිරීම
රාමු දේපලෙහි හොඳම භාවිතය එක් සෙවුම් කොන්දේසි ඉස්මතු කිරීමයි. බොහෝ වෙබ් අඩවි පසුබිම් වර්ණයෙන් මෙය සිදු කරයි, නමුත් ඔබට දළ සටහනක් භාවිතා කළ හැකිය. ඔබගේ පිටු මත අමතර එක්ස්කිරීමක් එකතු කිරීම ගැන කරදර නොවන්න.
වර්ණ-වර්ණ දේපල ආකෘතියේ වර්ණය ඓතිහාසික පසුබිමෙහි ප්රතිලෝමයක් වන "හැරවුම්" යන වචනය පිළිගනී. මෙම වර්ණ භාවිතා කරන්නේ කුමන දේ දැනගැනීමට අවශ්ය නොවී ගතික වෙබ් පිටුවල අංගයන් ඉස්මතු කර දැක්වීමට ඔබට ඉඩ සලසයි.
ක්රියාකාරී සම්බන්ධතා වටා තිත් රේඛාව ඉවත් කිරීම සඳහා දළ තීරුව භාවිතා කළ හැකිය. CSS-Tricks වෙතින් මෙම ලිපියෙන් පෙන්වන්නේ තිත් කොටුව ඉවත් කරන ආකාරයයි.