د دغو تجاویز سره حقایق ترلاسه کړئ
د ګورت ټول براؤزرونه هغه څه دي چې د "Defauly Styles" په توګه پېژني. دا داسې ډولونه دي چې د HTML عناصرو نظر او احساس د نورو طرزالعملونو په نشتوالي کې ترتیبوي. د بېلګې په توګه، په هر یو برنامه کې د هایپرکسونو اصلي بڼه نظر یو روښانه روښانه رنګه رنګ دی چې د انډول سره. دا څنګه چې دوی لینکونه لیدل کیږي، مګر تاسو ورته ویل چې دوی په مختلفو طریقو کې ښودل شوي.
د اصلي براؤزر شیلیدونه ګټور وي، مګر په ډیرو مواردو کې د ویب ډیزاین غواړي چې دا ډول ډولونه لرې کړي ترڅو دوی کولی شي د شالونو سره نوي پیل پیل کړي چې دوی د کنترول په سلو کې 100 دي. دا کار د "ماسټر شیلیف پاڼه" په نوم پیژندل کیږي.
یو ماډل ډولپاڼه باید لومړی شالپاڼه وي چې تاسو په خپلو ټولو اسنادو کې غوښتنه کوئ. تاسو د ماسټر شیلیټ شټ کاروئ چې د ډیزاین براوزر سایټونو پاکولو لپاره کار واخلئ چې کولی شي د کراس براؤزر ویب ډیزاین کې ستونزې رامنځته کړي. کله چې تاسو د ماسټري شاليد پاڼې سره پاک کړۍ، نو ستاسو ډیزاین په ټولو براؤزرونو کې د ورته ځای څخه پېل کیږي لکه د انځور کولو لپاره پاک کاناډا.
نړیوال غلطی
ستاسو د ماسټر ډولپاڼه باید د پاڼې ګوتو، پوډونو او سرحدونو څخه د صفر له لارې پیل شي . د ګورت ځینې لټونونه د سند بدن د 1 بڼې یا 2 پکسلونو ته د لټونګر لرې کنډک څخه په نښه شوي دي. دا ډاډه کوي چې دوی ټول ورته څرګندوي:
html، بدن {margin: 0px؛ ډډنگ: 0px؛ سرحد: 0px؛ }تاسو هم غواړئ د فکس سره سم جوړ کړئ. ډاډ ترلاسه کړئ چې د فټ سائز اندازه 100 سلنه یا 1em پورې وټاکئ، ترڅو ستاسو پاڼې لاسرسی ولري، مګر اندازه هم لاهم روانه ده. او ډاډ ترلاسه کړئ چې د لین لوړوالی شامل دي.
بدن {فکس: 1em / 1.25 ایریډ، هیلیوټیکا، سینس سیرف؛ }سرلیک فارمټینګ
سرلیک یا سرلیک ټګری (H1، H2، H3، او نور) معمولا د بډلې متن ته د دوی په شاوخوا کې لوی حاالتو یا ډنډ سره ډډه کوي. د وزن، ګنډلو او ګنډلو په پاکولو سره، تاسو ډاډه یاست چې دا لیکې لاهم اضافي شالید نلري د دوی شاوخوا متن لوی یا کوچنی پاتې دي:
h1، h2، h3، h4، h5، h6 {margin: 0؛ ډډنگ: 0؛ د لیک وزن - عادي؛ فونټ-کورنۍ: ایریډ، هیلیوټیکا، سنس سیرف؛ }تاسو ممکن غواړئ چې د ځانګړو سائزونو، د لیکلو فاصله او پوډکونه ستاسو د سرلیک ټګ ته وټاکئ، مګر دا په واقعیت د هغه سایټ په اندازې پورې اړه لري چې تاسو یې ډیزاین کوئ او د ماسټر شال پاڼې څخه یې ووتل. تاسو کولی شئ د دې سرلیکونو لپاره نور ډولونه اضافه کړئ لکه څنګه چې ستاسو د ځانګړي ډیزاین لپاره اړتیا وي.
ساده متن جوړونې
د سرلیکونو تر څنګ، نورې متن ټکي هم شته چې تاسو باید ډاډه کړئ چې پاک کړئ. یو څوک چې ډیری وختونه یې هیریږي د میز حجری ټیمونه (TH او TD) او ټګونه جوړوي (انتخاب، متن، او متن). که تاسو د بدن او پاراګراف متن لکه د بدن او پیراج متن متناسب نه کړئ، نو تاسو ممکن ناڅاپه حیران شئ چې څنګه براؤزر یې دوی ته وړاندې کوي.
p، th، td، li، dd، dt، ul، ol، blockquote، q، لنډیز، abbr، a، انټرنیټ، انتخاب، متنیټې {margin: 0؛ ډډنگ: 0؛ ليکنه: عادي معمول معمول 1em / 1.25 ايريډ، هيليوټکا، سنس سيرف؛ }دا هم ستاسو د کوټونو (BLOCKQUOTE او Q)، لنډیزونه، او لنډیزونه لږ څه نور ډوله ډالۍ ورکوي، ترڅو دوی لږ څه ودرېږي:
بلاککوټ {margin: 1.25em؛ ډډنگ: 1.25em} q {د فایل طرزالعمل: اطالوی؛ } لنډیز، اببر {کرسر: مرسته؛ سرحد - لاندې: 1px ټوټه شوی؛ }اړیکې او انځورونه
لینکونه په اسانۍ سره د دې روښانه روښانه نیلې متن څخه تنظیم او تنظیم کولو کې اسانتیا لري. زه تل غواړم چې زما اړیکې لاندینۍ پاتې شي، مګر که تاسو دا غوره کړئ غوره بیلګه تاسو کولی شئ دا انتخابونه جلا جلا کړئ. زه همدا راز د ماسټر سټینټ پاڼې کې رنګ نه شاملوم، ځکه چې دا په ډیزاین پورې تړاو لري.
A، A: لینک، A: لیدل شوی، a: فعال، A: هور {متن - سجاوٹ: لاندې لائن؛ }د عکسونو سره، د سرحدونو د بندولو لپاره مهمه ده. پداسې حال کې چې ډیری براؤزرونه د یوې خاورې په شاوخوا کې سرحد نه ښکاري، کله چې عکس سره نښلول کیږي، لټونګران سرحد ته ځي. د دې د حل کولو لپاره:
img {سرحد: نه؛ }میزونه
پداسي حال کې چې جدولونه د ترتیبونو موخو لپاره نور نه کارول کیږي، تاسو شاید سایټ ممکن د حقیقي تیریو معلوماتو لپاره کاروئ. دا د ایچ ٹی ایم ایل میزونو سم کار دی. موږ ډاډه کړی چې د اصلي جدول متن ستاسو د میز حجرو لپاره یو شان دی، مګر داسې نور داسې شالیدونه شتون لري چې تاسو باید ترتیب کړئ ترڅو ستاسو میزونه ورته ورته وي:
میز {margin: 0؛ ډډنگ: 0؛ سرحد: نه }فورمه
لکه د نورو عناصرو په څیر، تاسو باید ستاسو د فورمو په شاوخوا کې حاصله او پوټونه پاک کړئ. بله شی چې زه یې کول غواړئ د فورم ټګ د " انډول " په توګه بیا ولیکئ ترڅو دا اضافي ځای نه اضافه کړي چیرته چې تاسو په کود کې ٹیګ ځای پرځای کوئ. لکه د نورو متن عناصرو سره، زه د انتخاباتو، متنیریا او پورته پورته پورته کولو لپاره د فایل معلوماتو معرفي کول، نو دا د نورو پاتې متن په څیر دی.
بڼه {حاصله: 0؛ ډډنگ: 0؛ ښودنه: انډول }دا یو ښه نظر دی چې ستاسو د لیبل لپاره کرسر بدل کړئ. دا د خلکو سره مرسته کوي چې وګوري چې لیبل به هغه څه وکړي کله چې دوی یې کلیک کوي.
لیبل {سمسر: لیکونکی؛ }عمومي ټولګي
د ماسټري شاليد د دې برخې لپاره، تاسو باید هغه ټولګي تعریف کړئ چې تاسو ته یې احساسوي. دا ځینې هغه ټولګي دي چې زه ډیری وختونه کاروم. په یاد ولرئ چې دوی کوم ځانګړي عنصر نه دي ټاکل شوي، نو تاسو کولی شئ هغه څه ته چې تاسو ورته اړتیا لرئ وړاندې کړئ:
واضح (دواړه: واضح؛ } .floatLft (فټات: بائیں؛ } .floatRight {float: right؛ } .textLft {متن - نښه: بڼ؛ } .textRight {متن - نښه: سمه؛ } .textCenter {متن - نښه: مرکز؛ } .text ټینګ کړئ {متن - نښه کړئ: ثابت کول؛ }. بکس مرکز (ښودنه: بندیز؛ مارډین - بکس: آٹو؛ منځنی - حق: خپلواکی؛ } / * د یادولو لپاره یاد وساتئ چې * چوکۍ * / .bold {د فکس وزن: بولی؛ } .italic {د فایل طرزالعمل: اطالوی؛ }. لینډینګ {متن - سجاوٹ: لینډیشن؛ }. بې ځایه {margin-left: 0؛ ډډنگ - بکس: 0؛ } نومومینګ {حاین: 0؛ } .Nopadding {ډډنگ: 0؛ }. نوملیک {لیست - بڼه: هیڅ نه د لیست ډوله انځور: هیڅ نه }په یاد ولرئ چې دا ټولګی د نورو شاللو څخه مخکې لیکل شوي او دوی یوازې ټولګیو دي، دوی د اسانه کولو لپاره د ځانګړو ډولونو ځانګړتیاو سره اتریډونه اسانه دي چې وروسته په سینګ کې واقع کیږي. که تاسو پوهیږئ چې تاسو په یو عنصر کې یو عام ټولګی وټاکه او دا تاثیر نلري، تاسو باید دا وګورئ چې ډاډ تر لاسه کړئ چې ستاسو په وروستی شالیدونو کې یو بل بل ډول شتون نلري چې ورته عنصر اغیزه کوي.
د بشپړ ماسټر سټیلیلټ
/ * Global Defects * / html، بدن {margin: 0px؛ ډډنگ: 0px؛ سرحد: 0px؛ } بدن {فکس: 1em / 1.25 ایریډ، هیلیوټیکا، سنس سیرف؛ } / * سرلیکونه / / h1، h2، h3، h4، h5، h6 {margin: 0؛ ډډنگ: 0؛ د لیک وزن - عادي؛ فونټ-کورنۍ: ایریډ، هیلیوټیکا، سنس سیرف؛ } / * د متن طرزونه * / p، th، td، li، dd، dt، ul، ol، blockquote، q، لنډیز، abbr، a، انټرنیټ، انتخاب، متنیټا {حاجی: 0؛ ډډنگ: 0؛ ليکنه: عادي معمول معمول 1em / 1.25 ايريډ، هيليوټکا، سنس سيرف؛ } blockquote {margin: 1.25em؛ ډډنگ: 1.25em} q {د فایل طرزالعمل: اطالوی؛ } لنډیز، اببر {کرسر: مرسته؛ سرحد - لاندې: 1px ټوټه شوی؛ } کوچنی {د فون اندازه: .85em؛ } big {font-size: 1.2em؛ } / * لینکونه او انځورونه * / a، a: لینک، A: لیدل شوی، a: فعال، a: هور {متن - سجاوٹ: لاندې لائن؛ } img {border: none؛ } / * میزونه * / میز {margin: 0؛ ډډنگ: 0؛ سرحد: نه } / * فورمه * / فورمه {مارن: 0؛ ډډنگ: 0؛ ښودنه: انډول } لیګ {ځریور: لیکونکی؛ } / * عمومي ټولګي * / واضح. {واضح: دواړه؛ } .floatLft (فټات: بائیں؛ } .floatRight {float: right؛ } .textLft {متن - نښه: بڼ؛ } .textRight {متن - نښه: سمه؛ } .textCenter {متن - نښه: مرکز؛ } .text ټینګ کړئ {متن - نښه کړئ: ثابت کول؛ }. بکس مرکز (ښودنه: بندیز؛ مارډین - بکس: آٹو؛ منځنی - حق: خپلواکی؛ } / * د یادولو لپاره یاد وساتئ چې * چوکۍ * / .bold {د فکس وزن: بولی؛ } .italic {د فایل طرزالعمل: اطالوی؛ }. لینډینګ {متن - سجاوٹ: لینډیشن؛ }. بې ځایه {margin-left: 0؛ ډډنگ - بکس: 0؛ } نومومینګ {حاین: 0؛ } .Nopadding {ډډنگ: 0؛ }. نوملیک {لیست - بڼه: هیڅ نه د لیست ډوله انځور: هیڅ نه }اصلي جینفر جینیفر کرینین. په 10/6/17 نېټه د جیریمي Girard لخوا تصویب شوی