විශාල ශෛලියක් සහ පිරිසැලසුමක් සඳහා CSS සමඟ පරිහරණය කරන්න.
වෙබ් නිර්මාණකරණය සහ HTML / CSS නව වෙබ් අඩවි ගොඩනඟා ගත් විට, සහ මෙම කොටසෙහි ඔබේ වෙබ් පිටුවෙහි තර්කාන්විත බෙදීම් නිර්වචනය කරයි. එය මූලිකවම තර්කානුකූලව එකට ගමන් කරන වෙනත් HTML අංගයන් ඔබට තැබිය හැකි කොටුවකි. ඡේදය, ශීර්ෂයන්, ලැයිස්තු, සබැඳි, රූප ආදිය වැනි අංශයකට තවත් අංශ කිහිපයක්ම තිබිය හැක. එය තුල ඔබේ අනෙකුත් HTML ලේඛනයට අතිරේක ව්යූහයක් සහ සංවිධානයක් සැපයීමට වෙනත් අභ්යන්තර බෙදීම් ඇත. විචිත්රාංගයක් භාවිතා කිරීම සඳහා, ඔබ විසින් වෙනම අංශයක් ලෙස අවශ්ය වන පරිදි ඔබේ පිටුවට පෙරාතුව ඩි div> ඔබගේ පිටුවෙහි ප්රදේශය ඔබට පසුව CSS සමග විලාසිතා කිරීමට භාවිතා කරන අමතර තොරතුරු කිහිපයක් අවශ්ය නම්, ඔබ හට id selector එකක් එකතු කළ හැකිය (උදා. id = "myDiv">) හෝ පන්ති තේරීම් (උදා: class = "bigDiv">). මෙම ගුණාංග දෙකම CSS භාවිතා කිරීමෙන් හෝ ජාවා භාවිතයෙන් වෙනස් කළ හැකිය. වර්තමාන හොඳම භාවිතයන් IDs වෙනුවට ප්ලස් ඇඩ්සර්ස් භාවිතා කිරීම සඳහා යොමු වී ඇත. කෙසේ වෙතත්, සත්ය වශයෙන්ම, ඔබ එක් එක් භාවිතා කළ හැකි අතර හැඳුනුම්පතක් සහ පංති තේරියෙකු ලෙස බෙදාහදා ගත හැකිය. විචල්ය අන්තර්ගතය කිසියම් අර්ථකථන අර්ථයක් නොලැබෙන නිසා විචල්ය අංගය HTML5 කොටසින් වෙනස් වේ. අන්තර්ගතයේ බ්ලොගය div හෝ කොටසක් විය යුතුද යන්න ගැන ඔබට නිශ්චය නොවේ නම්, මූලද්රව්යයේ සහ අන්තර්ගතයේ අරමුණ කුමක්ද යන්න භාවිතා කිරීමට කුමන ප්රයෝජනය කුමක්දැයි තීරණය කිරීමට උපකාරි වනු ඇත: අවසානයේ, divs සහ sections යන දෙකම හරියටම සමාන ලෙස හැසිරෙන අතර, ඔබට ඒවායින් එක් එක් දෙය අගය කළ හැකි අතර, ඔබට අවශ්ය වන වෙබ් අඩවියේ පෙනුම ලබා ගැනීමට CSS සමඟ ඒවා සාදාගත හැකිය. මේ දෙකේම බ්ලොක් මට්ටමේ අංග. වින්යාස අංගය පෙරනිමියෙන් දැක්වෙන අංගයකි. මෙය බෙදීම් සහ අංශ මූලද්රව්ය වලින් වෙන් කොට ඇත. දිගු අංගයක් බොහෝ විට භාවිතා කරනුයේ නිශ්චිත තට්ටුවක්, සාමාන්යයෙන් පෙළක් ආවරණය කිරීමටය. එය පසු කලෙක ලැජ්ජාවට පත් කළ හැකි අතිරේක "හක්ක" ලබා දීම සඳහා භාවිතා වේ. එය CSS සමඟ භාවිතා කරන අතර, එය ආවරණ පාඨයේ ශෛලිය වෙනස් කළ හැකිය; කෙසේ වෙතත්, කිසියම් ශෛලමය ගුණාංගයකින් තොරව, විස්තීර්ණ අංගය තනි තනිවම කිසිදු බලපෑමක් නැත. මෙම කාල පරිච්ඡේදය හා විචල්යයන් අතර ප්රධාන වෙනස මෙයයි. ඉහතින් සඳහන් කළ පරිදි, විචල්යේ මූල විචල්යය අංගය විග්රහ කිරීමක් වන අතර, විස්තීර්ණ අංගය පමණක් සබැඳි CSS ශෛලමය රීතීන් භාවිතා කරනුයේ ටැග් වලින්: අවධාරණය කෙරුණු පෙළ span> සහ උද්දීපනය නොවූ පෙළක්. p> Class = "highlight" හෝ වෙනත් පන්තියක් විචල්ය මූලද්රව්ය වෙත CSS (CSS) සමඟ පෙළ ලිවීමට (උදා., Class = "highlight">). විස්තීර්ණ අංගයට අවශ්ය ගුණාංග නොමැත, නමුත් වඩාත්ම ප්රයෝජනවත් වන තුන් වර්ගයේ විචල්යයේ මූලද්රව්ය අතර සමාන වේ: ලේඛනයේ නව බ්ලොක් මට්ටමේ මූලද්රව්යයක් ලෙස එම අන්තර්ගතය අර්ථ දැක්වීමෙන් තොරව අන්තර්ගතයේ විලාසය වෙනස් කිරීමට ඔබට අවශ්ය කාල පරිච්ඡේදය භාවිතා කරන්න. නිදසුනක් ලෙස, h3 හි රතු පාට හිස් දෙවන වචනයක් අවශ්ය නම්, එම වචනයෙන් රතු පෙළ ලෙස හැඩගස්වා ඇති විස්තීර්ණ අංගයක් ඔබ විසින් වට කළ හැකිය. මෙම වචනය තවමත් h3 මූලද්රව්යයේ කොටසක් වන අතර දැන් එය රතු පැහැයෙන් දැක්වේ: 2/2/17 ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි
මූලද්රව්යය භාවිතා කිරීම
div> මෙය මගේ විශ්මය ජනක සිරස්තලයයි