ستاسو انځورونه ډک کړئ او انځورونه په طرزالعملونو کې وکاروئ
ډیری خلک د متن تعدیلولو لپاره سی ایس ایس کاروي، د لیکلو بدلون، رنګ، اندازه او نور. مګر یو شی چې ډیری خلک اکثرا هېر کوي دا کولی شئ د انځورونو سره هم سی ایس ایس کاروئ.
د انځور بدلول پخپله
سي ایس ایس تاسو ته اجازه درکوي چې په دې پاڼه کې عکس څنګه ښکاره کړي. دا ستاسو د پایلو په سمه توګه ساتلو لپاره خورا ګټور وي. په ټولو انځورونو کې د ډولونو ترتیبولو سره، تاسو د خپلو انځورونو لپاره معیاري بڼه جوړه کړئ. ځینې شیان چې تاسو یې کولی شئ:
- د انځورونو په شاوخوا کې سرحد یا کرښه شامل کړئ
- د تړلو انځورونو شاوخوا شاوخوا رنګ شوی پوله لرې کړئ
- د انځورونو د چوکۍ او / یا لوړوالی سمبالول
- د غورځښت سایډ زیات کړئ
- انځور وګرځوئ
- هغه شالونه بدل کړئ کله چې انځور پټ شوی وي
ستاسو عکس ته سرحد ورکول د پیل لپاره یو لوی ځای دی. مګر تاسو باید د سرحد څخه ډیر په پام کې ونیسئ - د ستاسو د انځور ټولې برخې په اړه فکر وکړئ او د حاصالتو او ګنډلو سره سم هم وګورئ . د تور پوټکی پولې سره یو انځور ښکاري ښکاري، مګر د سرحد او انځور تر منځ ځینې ګنډل هم لا ښه شي کیدی شي.
img {
سرحد: 1px تور تور تور؛
ګنډل: 5px؛
}
دا یو ښه نظر دی چې تل د غیر غیر آرشیف انځورونو سره اړیکه ونیسئ ، کله چې ممکنه وي. مګر کله چې تاسو کوئ نو یاد وساتئ چې ډیری براؤزر د انځور په شاوخوا کې یو رنګ پولې شاملوي. حتی که تاسو د پورتنۍ کوډ د سرحد بدلولو لپاره کار واخلئ، دا لینک به په هغه وخت کې تیریږي چې تاسو به په لینک باندې لرې یا لیرې کړئ. د دې کولو لپاره تاسو باید د سی ایس ایس کوچني مقرراتو څخه کار واخلئ ترڅو د تړلو عکسونو شاوخوا لیږد یا بدلون بدل کړئ:
img> a {
سرحد: نه
}
تاسو کولی شئ سی ایس ایس وکاروئ چې بدلون بدل کړئ یا ستاسو د انځور لوړوالی او چوکۍ ترتیب کړئ. پداسې حال کې چې دا د بریښناليک سرعت له امله د برایټرټ کارولو لپاره د برنامو کارولو لپاره خورا ښه نظر ندی، دوی د عکسونو د بیا جوړولو لپاره خورا ښه کیږي ځکه چې دوی لاهم ښه ښکاري. او د سی ایس ایس سره تاسو کولی شئ خپلې انځورونه ټول معیاري چوکۍ یا لوړوالی وټاکئ یا حتی حجمونه هم کنټرولر ته وټاکئ.
په یاد ولرئ، کله چې انځورونه بیا وټاکئ، د غوره پایلو لپاره، تاسو باید یواځې یو طول بدل کړئ - قد یا چوکۍ. دا به دا احساس وکړي چې عکس د خپل تناسب نسبت ساتي، او داسې ښکاري چې عجيب نه وي. بل ارزښت د خپل ځان لپاره وټاکئ او یا یې پریږدئ ترڅو بریا ته ووایاست چې د اړخ نسبت تناسب ساتي.
img {
چوکۍ: 50٪؛
اونۍ: آٹو؛
}
CSS3 د دې ستونزې حل حل د نوي ملکیت د اعتراض سره او د اعتراض موقعیت سره. د دې شتمنیو سره تاسو به د درست عکس اونۍ او چوکۍ تعریف کړئ او څنګه د اړخ نسبت باید تنظیم شي. دا کیدای شي ستاسو د انځورونو یا کښت په شاوخوا کې د خط باکسونو اغیزې رامینځته کړي ترڅو انځور ترلاسه کړي چې د اندازې په اندازه کې مناسب وي.
پداسې حال کې چې د CSS3 اعتراض - فکس او د اعتراض پوټیت ځانګړتیاوې تر اوسه هم په پراخه کچه نه دي مالتړ شوي، د CSS3 نور ځانګړتیاوې شتون لري چې په ډیری عصري براؤزرونو کې ښه ملاتړ کیږي چې تاسو کولی شئ خپل انځورونه تعدیل کړئ. هغه شیان لکه سایډونه، ګردي کڅوړي، او بدلونونه چې په باروړلو، ټوپ کولو، یا انځورونو کې ځغلولو لپاره په ټول ډیری عصري ګړندیو کې اوس کار کوي. بیا کولی شئ د سی ایس ایس بدلونونو کارولو لپاره انځورونه بدل کړئ کله چې پر مخ وګرځول شي، یا کلیک وکړئ، یا د یوې مودې وروسته وروسته.
د پس منظرونو په څیر د انځورونو کارول
CSS ستاسو د انځورونو سره د فانسسي پس منظرونو جوړولو لپاره آسانه کوي.
تاسو کولی شئ پس منظرونه ټول پاڼې ته یا یوازې یو ځانګړي عنصر ته اضافه کړئ. د پاڼې شاليد - انځور ملکیت سره د پاڼې یو شاليد انځور چمتو کول اسانه دي:
بدن {
پس منظر - انځور: url (background.jpg)؛
}
د بدن ټاکونکی په پاڼه کې یو ځانګړی عنصر ته بدل کړئ ترڅو پس منظر په یوازې یو عنصر کې وساتئ.
د انځورونو سره تاسو کولی شئ یو بل مزی شي چې یو پس منظر انځور رامینځ ته کړي چې د نورو پاڼې سره - لکه واټر مارک نه ډډوي. تاسو یوازې د شاليد شاليد - ضمیمه کاروئ: ثابت؛ د خپل شاليد انځور سره. ستاسو د پس منظر لپاره نورې لارې په کې شاملې دي چې دوی په افقی یا عمودی توګه ټیټ جوړ کړي د پس منظر کارولو څخه کار اخیستل - د ملکیت تکرار.
پس منظر پسې ولیکئ: تکرار - x؛ انځور په افقی او پس منظر کې تکرار کړئ: repeat-y؛ عمودي ټوټې ټوټې کړئ. او تاسو کولی شئ خپل شاليد انځور د پس منظر پوست ملکیت سره وټاکئ.
او CSS3 ستاسو د پس منظر لپاره نور ډولونه اضافه کوي. تاسو کولی شئ خپل عکسونه د هر ډول شاليد شاليد سره وټاکئ یا د شاليد انځور سره د کړکۍ اندازه سره اندازه کړئ . تاسو کولی شئ خپل ځای بدل کړئ او بیا د شاليد انځور کلیک کړئ. مګر د CSS3 په اړه ترټولو ښه شیان دا دي چې تاسو اوس د ډیرو پس منظر اغیزو د رامنځته کولو لپاره د څو پس منظر انځورونه پرتې کولی شئ.
HTML5 د انداز انځورونو کې مرسته کوي
په HTML5 کې د شکل عنصر باید هر هغه انځورونه ولګول شي چې کولی شي په سند کې یوازې ودریږي. د دې په اړه فکر کولو یوه لاره دا ده چې که انځور په ضمیمه کې راښکاره شي، نو بیا باید د شکل عنصر کې وي. بیا کولی شئ د دې عنصر او FIGCAPTION عنصر څخه ستاسو انځورونو ته د شیلیدو اضافه کولو لپاره کار واخلئ.