د سینګینډینډ اسډیټ پاڼې په اړه پوه شئ چې په دې سی ایس ایس شیټ پاڼه کې

د نمونې هالیډ پاڼه سره د سنسیډینډ اسډینټ پاڼې یوه کتنه

کله چې تاسو د ویب پاڼې له پیل څخه جوړ کړئ نو دا سمه ده چې د اصلي شالیدونو سره پیل پیل کړئ. دا د پاک کانال او تازه برش سره پیل کیږي. یو له هغو ستونزو څخه چې د ویب ډیزاینرانو سره مخامخ دي دا دی چې د ویب لټونګر ټول مختلف دي. د اصلي پوښښ اندازه د پلیټ فارم څخه پلیټ ته توپیر لري، د اصلي فایټ کورنۍ کورنۍ مختلف دی، ځینې براؤزرونه د بدن په لیکه کې ګنډل او ګنډل تعریفوي پداسې حال کې چې نور یې نه کوي، او همداسې. د خپلو ویب پاڼو لپاره د اصلي سټیلونو د تعریفولو له لارې دغه غیر متمرکزونه ترلاسه کړئ.

سي ایس ایس او کرکټر

لومړى شیان لومړی، utf-8 ته د سی ایس ایس سندونو ځانګړتیاوې ټاکئ. پداسې حال کې چې دا احتمال لري چې ډیری هغه پاڼې چې تاسو یې ډیزاین په انګلستان کې لیکل شوي، ځینې یې کیدای شي سیمه ایز شي - د بیلابیلو ژبني او کلتوري شرایطو سره سمون ولري. کله چې دوی وي، utf-8 دا پروسه آسانه کوي. د بهرني سایټ په پاڼه کې د کرکټر ترتیب کول به د HTTP سرپرست مخکې نه پریږدي، مګر په نورو حالتونو کې به دا وي.

دا د اسانتیاوو ټاکلو لپاره اسانه دی. د سی ایس ایس سند د لومړي کرښه لپاره لیکلو لپاره:

charset "utf-8"؛

په دې توګه، که تاسو د محتوياتو ملکیت کې یا د ټولګي او ID نومونو په څیر نړیوال کلامونه کاروئ، د سټاټ پاڼه به لاهم په سمه توګه کار وکړي.

د صفحې د بدن سټینګ کول

بله شی چې د ډیزاین سټینټ پاڼه اړتیاوې د صفونو، ګنډلو، او سرحدونو صفر لپاره شیلونه دي. دا ډاډه کوي چې ټول براؤزر مواد په ورته ځای کې ځای پر ځای کوي، او د برنر او منځپانګې تر منځ پټ پټ ځایونه شتون نلري. د ډېرو ویب پاڼې لپاره، دا د متن لپاره د کنټرول ډیر نږدې دی، مګر دا مهمه ده چې بیا پیل شي نو پس منظر انځورونه او لیډ ویشنونه په سمه توګه ترتیب شوي.

html، بدن {margin: 0px؛ ډډنگ: 0px؛ سرحد: 0px؛ }

د سپک او د ډیزاین ډیزاین رنګ سپین رنګ ته د اصلي سرغړونو یا د رنګ رنګ ترتیب کړئ. پداسې حال کې چې دا به د ډیری ویب پاڼې ډیزاین لپاره ډیر احتمال بدل شي، دا معیاري رنګونه په بدن کې او ایچ ایم ایل ټلیفون کې لومړی په پاڼه کې د لوستلو او کار کولو اسانه کوي.

html، بدن {رنګ: # 000؛ شاليد: #fff؛ }

د اصلي فاڼې طرزونه

د فاڼې اندازه او د فاطمه کورنۍ هغه څه دي چې د ډیزاین په وخت کې په ناامنه توګه بدلون ومومي مګر د 1 ایم ډیزاین فونټ اندازه او یو د ډیزاین فټ کور د آری، جنیوا، یا ځینې نورو سیر سیرف فونټ سره پیل شي. د ems کارول امکان لري څومره چې ممکنه وي، او د سیر سیرف فونټ ډیر په زړه پورې وي.

html، بدن، p، th، td، li، dd، dt {font: 1em Arial، هیلیوټیکا، سین سیرف؛ }

کېدای شي نورې ځایونه وي چې تاسو ممکن متن ولټوئ، مګر p ، th ، td ، li ، dd ، او dt د بیس فونټ تعریفولو لپاره ښه پیل دی. HTML او بدن یوازې په قضیه کې شامل کړئ، مګر ډیری برګران د لیکلو غوره کولو باندې تاکید وکړئ که تاسو یوازې خپل فونټونه د HTML یا بدن لپاره تعریف کړئ.

سرلیکونه

د HTML موضوعات د دې لپاره کارول کیدی شي چې د خپل سایټ پای ته رسولو کې مرسته وکړي او اجازه ورکړي چې د انجن انجنونه ستاسو په سایټ کې ژور وي. د شاليدونو پرته، دا ټول په سمه توګه بدسخت دي، له دې امله په ټولو باندې ډیزاین شیلیفونه ترتیبوي او د فلیټ کورنۍ او د هر لپاره د فونټ اندازه تعریفوي.

h1، h2، h3، h4، h5، h6 {font-family: Arial، Helvetica، sans-serif؛ } h1 {font-size: 2em؛ } h2 {font-size: 1.5em؛ } h3 {font-size: 1.2em؛ } h4 {font-size: 1.0em؛ } h5 {font-size: 0.9em؛ } h6 {د فاڼې - کچه: 0.8em؛ }

د لینکونو بښنه مه کوئ

د لنکونو رنګ کول تل د ډیزاین یوه مهمه برخه ده، مګر که تاسو په اصلي اندازو کې نه تعریف کړئ، امکانات به تاسو لږ تر لږه یو د پیچدو کلاسونو هیر کړئ. دوی د ځینو کوچنیو تغیراتو سره په نیل کې تعریف کړئ او وروسته یې دوی بدل کړئ کله چې تاسو د سایټ لپاره د رنګ پیلټ تعریف کړئ.

د آسماني رنګونو لینکونو تنظیمولو لپاره، مقرر کړئ:

• اړیکې د نیل په څیر
• د ګوری نوری په توګه اړیکو ته ورسید
• د رڼا نیل په څیر لینکونه
• فعالې اړیکې لکه حتی د پالر نیلی په توګه

لکه څنګه چې په دې مثال کې ښودل شوي:

الف: لینک {رنګ: # 00f؛ } a: لیدل شوی (رنګ: # 009؛ } a: هور {رنګ: # 06f؛ } a: فعال {رنګ: # 0cf؛ } د مناسب بې ګناه رنګ سکیم سره د اړیکو په کولو سره دا ډاډه کوي چې زه به هیڅ ټولګی هیر نکړم، او همداشان دوی د اصلي سرې، سور، او جامنی په پرتله لږ لږ لوړ کړي.

بشپړ ډوله پاڼه

دلته بشپړ ډیزاین پاڼه:

charset "utf-8"؛ html، بدن {margin: 0px؛ ډډنگ: 0px؛ سرحد: 0px؛ رنګ: # 000؛ شاليد: #fff؛ } html، body، p، th، td، li، dd، dt {font: 1em Arial، هیلیوټیکا، سیر سیرف؛ } H1، H2، H3، H4، H5، H6 {font-family: Arial، Helvetica، Sans-serif؛ } h1 {font-size: 2em؛ } h2 {font-size: 1.5em؛ } h3 {font-size: 1.2em؛ } h4 {font-size: 1.0em؛ } h5 {font-size: 0.9em؛ } h6 {د فاڼې - کچه: 0.8em؛ } a: link {رنګ: # 00f؛ } a: لیدل شوی (رنګ: # 009؛ } a: هور {رنګ: # 06f؛ } a: فعال {رنګ: # 0cf؛ }