මැද CSS භාවිතය: පෙළ සහ ෙම්ස

එහි සියලු අංග තොරතුරු ලෝකය සහ අංග, වචන හා පාඨ, හෝ පසුගිය උදාහරණයක් විධිමත් දී ආසන්න නියෝජනය කරමින්, - අකුරු හා වගු. ඔබට වෙනත්, මේ වන විටත් දන්නා, සලකා බැලිය හැකි දත්ත ව්යුහයන්, මෙන්ම පින්තූර, නමුත් අනුව CSS සහ HTML ප්රශ්න භාවිතා කිරීමට පෙළ හැඩතල ඉතිරි තොරතුරු ආකෘති වෙනස් ආකල්පයක්.

නිසි අඩවිය පිටුව ව්යුහය එක් එක් මූලද්රව්යවල තත්වය නිර්ණය කිරීමයි. HTML ලේඛනයක් සැමවිටම - මූලික නීති තුන විසින් ප්රදර්ශනය අංග අනුක්රමයක් සෘජුවම ඇත:

• නිරපේක්ෂ ස්ථානගතකරණය (තත්ත්වය);
• ගංගාවක් තුළ ස්ථානයේදීම;
• z-දර්ශක.

වෙනත් නවාතැන්, ද වැදගත් CSS මඟින් ගැටළුව විසඳා ගැනීමට වැඩි දැනුමක් අවශ්යය "පෙළ මධ්යයේ."

කේන්ද්ර සහ ෙපළ නීති

CSS නීති HTML ලේඛනයක් එකතු, නමුත් අග දකුණු තොරව ඕනෑම කඳවුරු ගතවීම විකල්පය සමඟ සාර්ථකව කටයුතු කළ හැකිය. ජංගම උපාංග සාර්වත්රික සහ වැඩි සරල හා "squareness" දිශාවට සේවා සැලසුම් කර, මෙම ප්රශ්නය කේන්ද්ර වත්මන් කරයි අනෙක් සෑම වසරකම මෙන් බොහෝ විට අගය නැති අතර.

පිටුවේ ප්රධාන මූලද්රව්ය - ඒකකය යම් විලාසිතාවක් විස්තර. සාමාන්යයෙන් තිරස් කඳවුරු ගතවීම: පෙළ-align හතරක් පමණක් අගයන් (ඉතිරි, මධ්යස්ථානය, හරි, යුක්ති සහගත) සිදු වී ලෙස, ගත විය හැක. ඔබ හරි උස වටිනාකම හා රේඛීය උස ඒකාබද්ධ කිරීම මගින් සිරස් කඳවුරු ගතවීම ඉටු කළ හැකිය:

{
උස: 88px; // මෙම අනුපාතිකය
රේඛීය උස: 88px; පෙළ මධ්යස්ථානය සඳහා // CSS - සිරස්
}

ඔබ විවිධ නීති පරික්ෂණ සිදු කළ හැක. ; වගුව, සංදර්ශකය:: වගුව-සෛල සහ සිරස්-align: එම ආරංචි මාර්ග, වාරණ ප්රදර්ශනය නීති අර්ථ නිරූපණය ගැන සඳහනක් සොයා මධ්යම; නමුත් සෑම විටම එය ක්රියා කරයි.

වගු සන්ධානගත වෙමින් පෙළ

පළමු අවබෝධ කර ගැනීම සහ සදාකල් ජීවත් විය යුතු ය යන එකම දත්ත ව්යුහය - මේසය. එය සපයන අතර, සිරස් හා තිරස් කඳවුරු ගතවීම මීට අමතරව, වගු භාවිතයෙන්, CSS මධ්යයේ පෙළ තැනින් ආකාරය ද යන ප්රශ්නය තවදුරටත් සංකීර්ණ අර්ථයක් ද පවතී.

අදාල මාර්ක්අප් දී සුවිශේෂී අරමුණු සාක්ෂාත් කර ගැනීම රය භාවිතා දැනට පවතින පුහුණු සෑම විටම කඩා හැලෙන Style Sheets සඳහා සංකල්පය තෘප්තිමත් නැත. කිසිවක් තීරු තුනක් සහ පේළි තුනක් මේසය මධ්යම සෛල බවට අන්තර්ගතයට පැමිණවීමෙන් ඕනෑම දිශාවකට නොබැඳි ඉටු කිරීමේ සංවර්ධක වළක්වයි.

මෙම තීරණය සම්මත, නමුත් ඵලදායී නොවේ. වෙනුවට ඉතා දීර්ඝ මෙන්ම ඉතා සුපරීක්ෂාකාරි හරස් වෙබ් බ්රව්සරය පිටුවේ ගැටලුව විසඳීමට හෝ බලාපොරොත්තු ආන්තිකයන් ඉතිරි, අයිතිය, සහ යනාදි. ඔබ වගු තුළ සෛල ඕනෑවට ප්රතිශතයක් පළල හා පේළි උස භාවිතා කළ හැකිය.

ජාවාස්ක්රිප්ට් හරහා මෙතැන් පටන්ය

මූලික විසඳුමක් ඇල්ගොරිතමය, බ්රවුසර භාෂාව, හා වඩා ප්රායෝගික හා දර්ශනීය නිර්මාණය කර "HTML වලින් කේන්ද්රගත පෙළ තැනින් කොහොමද?" යන ප්රශ්නය.

නිර්මාණ ස්ටයිල් ගොනු දැනටමත් ධාරාව මත ගොස්, හා සෑම ස්වයං-ගරු අන්තර්ගත කළමනාකරණ පද්ධතිය වාගේ සංවර්ධක සියලු අවස්ථා සඳහා මෝස්තර කාණ්ඩ ඔබ වෙත සපයයි. නමුත් ජීවිතයේ සෑම විටම කොන්ක්රීට් අවශ්ය: හිතන්න මුල සිට එක් එක් කාල එය අවශ්ය වන අතර, එය මැද ස්ථානයක CSS පෙළ සමග කෙතරම්. ඒකකය නොබැඳි කටයුතු සඳහා අවස්ථාව ලබාදීම, පිටුවේ පැත්තට "තදින් ඇලී", නමුත් මම ප්රමාණය වී සිටින නිසා, කිසිසේත්ම සුදුසු වාරණ උත්පතන විවිධ අංග වලින් ඉදි කරන මෙනුව.

දෘශ්යමාන කේන්ද්ර - එය සෑම විටම අවහිර කිරීමට පහසු, මුලින් හඳුන්වන ලද, කොහේ වම් පැත්ත කොහොමද ඉහළ එහිදී අයිතිය, බොහෝ පික්සල, හා පහළ ඇති බවට සහතික නැහැ - එය සිරස් කඳවුරු ගතවීම ඉටු යුතු ගැන රේඛාව වේ.

විලාසය අන්තර්ගතය විසින් තීරණය කළ යුතු බව එක් වැදගත් ප්රවණතාවක්. සාමාන්ය පෙළ පමණක් අමතරව - වඩාත් අඩවි නරඹන්නන් සඳහා තොරතුරු, දෘශ්ය සහ ශබ්ද වේ. චරිත අපේක්ෂිත අන්තර්ගතයට (මෙම ආදිය කලාව, චිත්ර කලාව, සංගීතය, මත වෙබ් අඩවි සඳහා අදාල නොවේ) සිටින බව - නරඹන්නන් සඳහා අවශ්ය තොරතුරු පිළිබඳ ප්රශ්නයක්.

පෙළ හා HTML විශේෂාංග ඉදිරිපත්

පෙළ නොව, යන වචනය - එය පිටු අන්තර්ගතය ක බෙදිය අංගයක් සිදු වුණා. Semantics - සංවර්ධක (එම වෙබ් අඩවිය හිමිකරු) හි හැකියාව ඇත. ඇත්තටම පෙළ එක් ටැගය දී ඉදිරිපත් කළ හැකි බව ස්වභාවික දඬුවම අකුරු අඩංගු ටැග් අනුක්රමය චරිත පමණක් නොව, අනුක්රමයක් හා විය හැකි ය. මෙම සිට එය "පෙළ මධ්යයේ" ද "යන අසීරු" CSS සරල අවස්ථාවල දී පමණක් සිදු කළ හැකි. පහත සඳහන්

බ්රව්සරය සඳහා සේවාදායකය ඉල්ලීම විභාගකිරීමට ඉතා පුළුල් වන අතර බොහෝ මූල ද්රව්ය අඩංගු, හැම විටම ප්රදර්ශනය වනු ඇත දේ සම්බන්ධ නැහැ. පිටුවේ සැකැස්ම සැලසුම් කිරීමේදී එය යම් ජවිපෙත් දී, ඉදිරිපත් ප්රකාරව අවධානයක් යොමු කිරීම වැදගත් වේ. සේවාලාභී වෙබ් ගවේශකයේ බවත් සේවාදායකයේ කරන්න වඩා හොඳ දෙයක්. සෑම විටම රය මත රඳා එපා, අවසාන ප්රතිඵලය මත අවධානය යොමු වඩා ප්රායෝගික වේ.