Text-Indent Property සහ අතිරේක සහෝදර සහෝදරියන් භාවිතා කිරීම
හොඳ වෙබ් නිර්මාණයක් බොහෝ විට හොඳ යතුරු ලියනයක වේ. වෙබ් පිටුවක අන්තර්ගතයන් බොහෝ විට පෙළ ලෙස ඉදිරිපත් කර ඇති බැවින්, එය ආකර්ෂණීය හා කාර්යක්ෂම විය හැකි පරිදි හැඩගැස්වීමට හැකිවන අතර, වෙබ් නිර්මාණකරණයක් ලෙස හිමිකර ගැනීමට වැදගත් කුසලතා වේ. අවාසනාවකට මෙන්, අප මුද්රණය කරන්නේ අප අන්තර්ජාලයේ යතුරු ලියනය පාලනය කිරීමේ මට්ටමේ නැත. මෙයින් අදහස් කරන්නේ අප මුද්රිත කෑල්ලක් තුළ අපට කළ හැකි ආකාරයටම වෙබ් අඩවියක වෙබ් අඩවියේ නිරවද්යතාවයක් ඇති කළ නොහැකි බවයි.
ඔබ නිතරම මුද්රණය කරන එක් පොදු ඡේදයක ස්වරූපය (සහ අප විසින් මාර්ගගතව නැවත උත්පාදනය කළ හැකි) එම ඡේදයේ පළමු පේළිය එක් ටැබ් අවකාශයක් වෙන්කර ඇත. එක් ඡේදයක් ආරම්භ වන්නේ කොතැනක ද යන්නත් පාඨකයා තේරුම් ගැනීමට ඉඩ සලසයි.
වෙබ් අඩවි වල මෙම දෘශ්ය ශෛලිය පෙනෙන පරිදි වෙබ් බ්රව්සර වල පෙරනිමි ලෙස, ඒවායේ කොතැනක හෝ තවත් ආරම්භයක් පෙන්වන ක්රමයක් ලෙස පරතරය සහිත ඡේද දක්වන්න, නමුත් එම පිටුව මුද්රණය කිරීමට ඔබට අවශ්ය නම්, පෙළපොත-අනන්ත ස්ලිප්හි දේපළ සමඟ ඔබට එය කළ හැකිය.
මෙම දේපල සඳහා වන රීතිය සරළයි. ලේඛනයක් තුල සියලු ඡේද වලට පෙළ-indent එකක් එකතු කරන ආකාරය මෙන්න.
p {පෙළ-indent: 2em; }}ඉන්ඩෙන්ට් උපකරණය කිරීම
ඔබ විසින් ආදේශ කිරීම සඳහා ඡේද හරියටම සඳහන් කළ හැකි එක් ආකාරයක් නම්, ඔබට උඩුගත කිරීමට අවශ්ය පරතරයන්ට පංතියක් එක් කළ හැකිය. නමුත් එය සෑම පංතියකටම පංතියක් එක් කිරීමට අවශ්ය වේ. එය අකාර්යක්ෂම වන අතර HTML කේතකරණය හොඳම භාවිතයන් අනුගමනය නොකරයි.
ඒ වෙනුවට, ඔබ ඡේද වෙන් කරද්දී සලකා බැලිය යුතුය. වෙනත් ඡේදයක් ඍජු ලෙස අනුගමනය කරන ඡේද වෙන් කළ යුතුය. මෙය සිදු කිරීම සඳහා, ඔබ යාබද සහෝදර සහෝදරයා භාවිතා කළ හැකිය. මෙම තේරීම්කාරකය සමඟ, ඔබ විසින් වෙනත් ඡේදයකට පූර්වයෙන් ඇති සෑම ඡේදයක්ම ඔබ තෝරා ගනී.
p + p {පෙළ-indent: 2em; }}ඔබ පළමු පේළියේ රැඳී සිටින බැවින්, ඔබේ ඡේදය අතර ඔවුන් අතර අමතර ඉඩක් නොතිබිය යුතුය (එය බ්රවුසරය පෙරනිමිය). ස්ටයිලිස්ට් ආකාරයෙන්, ඔබ පළමු පේළිය හෝ ඉන්ඩෙන්ට් අතර පරතරය තිබිය යුතුය, නමුත් දෙකම නැත.
p {margin-bottom: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }}සෘණ ඉන්ඩෙන්ට්ස්
ඔබට පෙළ-ඉන්ඩෙන්ට් දේපල, ඍණ අගයක් ද භාවිතා කළ හැක, සාමාන්ය රේඛාවක් මෙන් දකුණු පසින් වම් පසින් වමට යාමට හේතු විය හැක. පේළියක ආරම්භය ලිවීමේ ලකුණ සමඟ ආරම්භ වනවා නම්, මෙම උපුටා අක්ෂරයේ ඡේදයේ වම් පසින් වම් අක්ෂය දක්නට ලැබෙන අතර එහි ඇති අකුරු තවමත් ලස්සන වම් පැත්තකින් සෑදෙයි.
නිදසුනක් වශයෙන්, ඔබ සතුව තිබෙන කොටසකට බෙදීමක් ඇති බවට වගබලා ගැනීම සහ ඔබට එය නිෂේධනාත්මකව යැවිය යුතුය. ඔබට මෙම CSS ලිවිය හැකිය:
blocktext p {පෙළ-indent: -.5em; }}මෙම ඡේදයේ ආරම්භය, ආරම්භක උපුටා දැක්වෙන චරිතය ඇතුළත් වේ, එල්ලෙන විරාම ලකුණු කිරීම සඳහා වමට තරමක් පෙලගස්වා ගැනීමට.
මායිම් හා පාදඩින් සම්බන්ධයෙන්
බොහෝවිට වෙබ් නිර්මාණකරණයෙහිදී, ඔබ විසින් අංග චලනය කිරීමට සහ සුදු ඉඩ ප්රමාණය නිර්මාණය කිරීමට ඔබ ආන්තික හෝ වැසුම් අගයන් භාවිතා කරයි. කෙසේ වෙතත්, එම ගුණාංග වෙනස් නොකළ ඡේදයේ බලපෑම අත්පත් කර ගැනීමට කටයුතු නොකරනු ඇත. ඔබ මෙම අගයන් ඡේදයට එක් කර ඇත්නම්, සෑම රේඛාව ඇතුලම එම ඡේදයේම මුළු ඡේදයම පමණක් පළමු පේළිය වෙනුවට වෙන් කරනු ලැබේ.