جانورن سان جاکوڙيندڙ شيٽ شيٽنگ کي حاصل ڪرڻ لاء هي سي ايس جي شيٽ شيٽ سان حاصل ڪريو

نموني انداز واري شيٽ سان ڪاسسلنگ انداز جي شيٽ جو هڪ جائزو

جڏهن توهان خرچي کان ويب سائيٽ ٺاهي، اهو بنيادي اندازن سان شروع ڪرڻ لاء سمجهه وارو آهي. اهو هڪ صاف ڪننوس ۽ تازو برش سان شروع ٿيندڙ وانگر آهي. پهرين مسئلن جو هڪ ويب ويب ڊزائينگرز منهن آهي ته ويب برائوزر سڀ مختلف آهن. ڊفالٽ فونٽ ڊيٽابيس پليٽ فارم تان پليٽ فارم کان مختلف آهي، ڊفالٽ فٽنيٽ مختلف مختلف آهي، ڪجهه برائوزر حاڪمن کي حد تي وضاحت ڪن ٿا ۽ ٻين تي نه، جڏهن ته. توهان جي ويب صفحن لاء ڊفالٽ انداز جي نموني ڪندي انهن ادارن جي چوڌاري حاصل ڪريو.

سي ايس ۽ ڪردارن جو سيٽ

پهرين شيون پهريون، utf-8 ڏانهن توهان جي سي ايس ڊي دستاويز جو ڪردار سيٽ سيٽ ڪريو. اهو امڪان اهو آهي ته توهان جا گهڻا صفحا انگريزيء ۾ لکيا ويا آهن، ڪجهه شايد مقامي طور تي لساني ۽ ثقافتي مقصدن لاء ٺاهيل هوندا. جڏهن اهي آهن، utf-8 انهي عمل کي آسان بڻائي ٿو. اکرن وارو سيٽل شيٽ ۾ اکريٽ سيٽنگ سيٽنگ ڪري HTTP جي مٿان کان مٿي نه کڻندو، پر ٻين سڀني حالتن ۾، اهو ٿيندو.

اهو ڪردار مقرر ڪرڻ ۾ آسان آهي. سي ايس ڊي جي پهرين لسٽ لاء لکڻ جي لاء:

charset "utf-8"؛

اهو طريقو، جيڪڏهن توهان مواد جي ملڪيت يا بين الاقوامي ۽ شناخت جي نالن ۾ بين الاقوامي ڪردارن کي استعمال ڪندا، اسلوٽ شيٽ اڃا تائين صحيح ڪم ڪندي.

اسٽوري جو صفحو ادارو

ايندڙ شيڊول، ڊڊنگ ۽ سرحدون صفر کان ٻاهر ڪرڻ لاء ڊجيٽل انداز واري شيٽ جي شيڪري جون ضرورتون آهن. انهي کي يقيني بڻائي ٿي ته سڀئي برائوزر مواد ساڳئي جاء تي رکي ٿو، ۽ برائوزر ۽ مواد جي وچ ۾ ڪي به پوشيل خامين نه آهن. گھڻن ويب صفحن لاء، هي متن جي ڪنڊ ۾ تمام گهڻو ويجهي آهي، پر اتي شروع ڪرڻ ضروري آهي ته پس منظر تصويرون ۽ ترتيب ڊويزن کي صحيح طور تي ترتيب ڏنل آهي.

html، جسم {margin: 0px؛ گنجائش: 0px؛ سرحد: 0px؛ }

ڪارو ۽ ڊاڪٽرن رنگ سان اڇا ۽ ڊفالٽ پس منظر رنگ ۾ اڇو ڪرڻ لاء سيٽ ڪريو. جڏهن ته اڪثر گهڻن ويب پيج ڊزائن لاء تبديل ٿي وينديون، اهي معياري رنگ جسم تي سيٽ ۽ HTML ٽيچ تي مشتمل هوندا آهن اهو صفحو پڙهڻ ۽ ڪم ڪرڻ سان آسان بڻائي ٿو.

html، جسم {رنگ: # 000؛ پس منظر: #fff؛ }

Default فٽٽ اسٽس

فٽٽ جي سائيز ۽ فونٽ ڪٽنب جيڪي ڪجھه طور تي ڊزائن وٺن ٿا، هڪ ڪنڊ تي تبديل ٿي ويندا آهن پر 1 اي جي ڊفالٽ فائيل سائيز سان شروع ٿيندي ۽ هڪ ڊفالٽ فون ايائل، جنيوا، يا ڪجهه ٻيو سانس-سرف فون جو خاندان. ايز جي استعمال کي صفحي کي ممڪن طور تي رسائي طور رکڻو پوندو، ۽ سين سرير فائيل اسڪرين تي وڌيڪ جائز آهي.

html، جسم، ص، ٽي، ٽ، ج، ڊي، ڊت {font: 1em Arial، Helvetica، سينسر سيف؛ }

شايد اهي ٻيون جڳهه هجن جتي توهان متن کي ڳولي سگهو ٿا، پر پي ٽي ، ٽي ، ٽ ڊي ، لي ، ڊي ڊي ۽ ڊيٽ بنيادي فونٽ جي وضاحت لاء سٺو شروع آهن. HTML ۽ جسم ۾ صرف ان صورت ۾ شامل ڪريو، پر ڪيترن ئي برائوزر انهن فٽ چونڊن کي مٿي ڪري ڇڏيندا آهن، صرف توهان HTML يا جسم لاء توهان جي فونٽ وضاحت ڪريو.

Headlines

HTML ايڪسنگس توهان جي سائيٽ واري آئوٽ کي مدد لاء استعمال ڪرڻ لاء اهم آهن ۽ ڳولا انجڻ کي توهان جي سائيٽ ۾ وڌائي ٿي. طرز جي بغير، اهي سڀ ڪجهه بدڪار هوندا آهن، پوء انهن سڀني تي ڊفالٽ انداز سيٽ ڪريو ۽ فانٽ گهرايو ۽ هر فون لاء فونٽ کي بيان ڪريو.

h1، h2، h3، h4، h5، h6 {فائيل-خانداني: ايريري، هليوٿيڪا، سين سرير؛ } h1 {font-size: 2em؛ } h2 {font-size: 1.5em؛ } h3 {font-size: 1.2em؛ } h4 {فائيل-سائيز: 1.0em؛ } h5 {font-size: 0.9em؛ } h6 {font-size: 0.8em؛ }

لنڪس وسري نه ڇڏيو

اسٽائل کي رنگ لڳ ڀڳ تقريبن ڊزائن جو هڪ نازڪ حصو آهي، پر جيڪڏهن توهان انهن کي ڊفالٽ انداز ۾ وضاحت نه ڪيو آهي، تنهن هوندي به توهان گهٽ ۾ گهٽ هڪ تخسوبو درس وساري ڇڏيندا آهيو. انهن کي ڪجهه ننڍا تڪرار سان نيري تي وضاحت ڪريو ۽ پوء انهن کي هڪ ڀيرو تبديل ڪرڻ واري سائيٽ لاء رنگ پيلوٽ کي تبديل ڪريو.

نيري رنگن ۾ لنڪ سيٽ ڪرڻ لاء، سيٽ:

• نيري وانگر ڪڙيون
• جوڙيو ويو ٽارو نيري وانگر
• هوري لنڪ وانگر هلڪو نيري
• فعال ڪڙيون جيتوڻيڪ محلي نيري وانگر

جيئن هن ريت ڏيکاريل آهي:

a: لنڪ {رنگ: # 00f؛ } a: ڏٺو ويو {رنگ: # 009؛ } a: hover {رنگ: # 06f؛ } a: active {رنگ: # 0cf؛ } صاف منصفانه رنگ منصوبي سان لنڪ کي اسٽائل ڪندي، اهو يقين ڏياريو آهي ته مان ڪنهن به قسم کي نه وساريندس، ۽ انهن کي ان کان ٿورو گهٽ سانڍيل ڊالر، ڳاڙهو ۽ جامني رنگ سان ٻڌائيندو.

مڪمل اسپيڊ شيٽ

هتي پورو انداز وارو شيٽ آهي.

charset "utf-8"؛ html، جسم {margin: 0px؛ گنجائش: 0px؛ سرحد: 0px؛ رنگ: # 000؛ پس منظر: #fff؛ } html، جسم، ص، ٽ، ج، ڊي، ڊي، ڊي. {font: 1em Arial، Helvetica، sans-serif؛ } 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 {فائيل-سائيز: 1.0em؛ } h5 {font-size: 0.9em؛ } h6 {font-size: 0.8em؛ } a: لنڪ {رنگ: # 00f؛ } a: ڏٺو ويو {رنگ: # 009؛ } a: hover {رنگ: # 06f؛ } a: active {رنگ: # 0cf؛ }