CSS دٻي: impromptu ۽ اثر

ان سڀ منطقي سادگي لاء طرز جا پردا (CSS) جھر اهو ممڪن نه رڳو، هڪ شاندار جوڙجڪ حل پيدا ڪرڻ، پر حقيقي عمل جي جزا مهيا جي حقيقي جياپي جي ڪارڪردگي emulate کي ٻڌائي.

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

نحو تشريح

جي ميدان ۾ رکڻ هدايت مخصوص جي صفحي (، ڇڏي مٿي) جو اپر کاٻي ڪنڊ، جي افقي ۽ عمودي هدايتن تي (ويڪر، ڊيگھ) ۾ ماپ ڪري مائٽ سائيٽ ڊولپر تائين. سڀ خاڪي ۽ انيميشن عنصرن جوڙو ": قدر ملڪيت" ۾ ڪيو آهي.

وضاحت انداز يا هڪ الڳ فائيل ۾ داخل ڪرڻ جي صفحي ڪوڊ ۾ سڌو ڪيو آهي، کيس LINK حوالي ڏانهن اشارو. نحو:

#name {ملڪيت: قدر؛ ملڪيت: قدر؛ ملڪيت: قدر؛ ...}

يا

.name {ملڪيت: قدر؛ ملڪيت: قدر؛ ملڪيت: قدر؛ ...}

هن جو نالو به ص، جسم، HTML، ميز، td ... ٿي سگهي ٿو، ته HTML-markup ڳولهي جو نالو آهي. جي طرز هدايت جي بيان سان سڌو سنئون ڳنڍيل ٿي سگهي ٿو.

کان اڳ اوھان کي منهنجو پنهنجي لکڻ جو اسلوب مٿي ڪر، ڏسي ته ان کي ڪيئن مشهور سائيٽن تي ٿي چڪو آهي، يا جي برائوزر ۾ سڌو سنئون ان کي ڏسڻ لاء ڪيبورڊ تان Ctrl-يو نپوڙيان ٿو جي صفحي ڪوڊ رکندي ڏک نه.

مکيه حراست ۾

اصل ۾ CSS طئه هدايت انداز ظاھر (سرحد طرز)، رنگ (سرحد-رنگ)، ويڪر (سرحد-کائيندڙ). سرحد - اهو سڀ ڪجهه هڪ ملڪيت ۾ سم اپ ڪري سگهجي ٿو. تون هر طئه سرحد کي آزادي بيان ڪري سگهو ٿا (سرحد-مٿي، سرحد-تري، سرحد-ڇڏي، سرحد-حق).

CSS طئه جھر انداز تختيون جي عام اصول جي بيان:

سرحد: 3px؛
سرحد-رنگ: لال؛
سرحد طرز: ڊبل بيڪار dotted ڀور.

هيء بيان 3 جزا، رنگ جي سرحد کائيندڙ بيان - لال، انداز پاسن: سنڌ جي ٻٽي، حق جي اپر پاسي - ڀور، بيڪار تري، ڇڏي - نڪتو.

سرحد-کائيندڙ: 1px 2px 4px 8px؛
سرحد-رنگ: نيري؛
سرحد طرز: dotted.

نيري، ۽ انداز - - جڳھھ هتي، هر هڪ پاسي جي پکيڙ مٿي، وانگر ڳڻيندڙ، رنگ کان sequentially به آهن.

سرحد-رنگ: نيري رنگ ڳاڙهو سائو ڪارو؛

هن specification ۾، انفرادي طور هر پاسي رنگ مخصوص. سرحد ملڪيت کان وڌيڪ حراست ۾ شامل ڪري سگهو ٿا، ۽ فريم جي وڪڙ گول ٿي سگهن ٿا:

سرحد: 1px سائي بيڪار؛
سرحد-ريڊيس Radius: 0px 4px 8px 12px؛
-moz-سرحد-ريڊيس Radius: 0px 4px 8px 12px؛
-webkit-سرحد-ريڊيس Radius: 0px 4px 8px 12px؛

ڪيئن CSS ۾ طئه ڪرڻ تي، ان کي، جي رڪن جي usability تي دارومدار ڇو ته اڪثر ڪري stylistic اثر، فني مقصدن لاء استعمال ڪيو ويندو آهي جڏهن ان کي ٺيڪ ٺاڪ هنڌ ۽ صفحي تي علائقي جي ماپ ڏيکارڻ لاء اهم آهي.

جي فريم جي ٿولهه ۽ ان جي مقصد

جي فريم جي ٿولهه چونڊ جو قسم، توهان px، em استعمال ڪري سگهو ٿا pt، ...، پر ان کي ذهن ۾ برداشت ڪيو وڃي ته ان جي ميدان ۾ هدايت جي اندر هميشه آهي. اهو طئه هڪ CSS جوڙجڪ جو مقصد آهي ته فرض ڏکيو آهي، پر technically ان جي صفحي جي عنصرن کي اجاگر ڪرڻ لاء تمام ڪارائتو آهي.

مکيه طئه طبقي علي چوهاڻ آهي ته، ته حاضر آهي، pseudo-طبقي ۾ ان specifying پاران: hover، ان کي اهڙي هڪ نامو شيء ڄاڻايو ته جيئن هن صفحي تي هدايت جي رڪن کي ڏيکاريو ٿي سگهي ٿو، جڏهن ته ان جي مائوس cursor آهي. ڪڏهن ڪڏهن ان جي تصوير تي ڪلڪ ڪري ڳالھ کي چونڊيو، يا ڪجهه اوڏانهن ڇڪي ڪرڻ ضروري آهي. اهو Dot طئه کي استعمال ڪرڻ تمام آسان آهي، ۽ ان جي هدايت جي پس منظر يا ان جي مواد کي تبديل ڪرڻ لاء نه.

ڪجهه اپليڪيشن جي صفحي جي علائقن جي مختص ڪيا، يا وڌيڪ درجي لاء چونڊڻ شيون جي ضرورت آهي. هن معاملي ۾، جي ڪلڪ جي وقت ۾ هڪ سرحد سان هڪ div ٺاهي ۽ جيستائين جي رڪن، سنڌ جي مائوس بٽڻ تي ڇڏڻ نه ڪندو آھي ته ان کي resize، ضعف ڄاڻائي پسند جو نتيجو ڪرڻ.

هيٺ کان ٻاهر

CSS ۾ ٽيوٽوريل، ڏاڍا دلچسپ آهن طور مشهور ماڳن جي تحقيق رموز صفحن جي اهميت آهي. تنهن هوندي به، جي پنهنجي وسيلن منفرد هجڻ ضروري آهي، ان کي پنهنجي منهن هجڻ ضروري آهي.

CSS جي فريم جي نحوي مهيا پنهنجي شروعات طور، اهڙي قسم جي ڏي نه رکندو آھي. Impromptu - هڪ وڏو شروع، ۽ ڪجھ پنهنجي طئه تعمير ڪرڻ هڪ ڊولپر روڪي. سڀ انٽرنيٽ ٽيڪنالوجي جي ڪاميابين ۽ موجود معيار جا طريقا خاص طور سان ڪيترن ئي افزا خيالن جي موجوده نحو، جنهن (سمجھاڻي سان) آھي جو حقيقي shortcomings تي ٻڌل آهي هميشه هڪ نمازن رواجي ڪئي وئي آهي.

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