CSS менен техникасын аткаруу
Эгер сайтты иштеп жатасыз болсо, интернет-беттеги бир негизги өбөлгөлөрү сүрөттү же суу түзүү билүүгө үйрөнүүгө кызыкдар болушубуз мүмкүн. Бул, албетте, бир нече жолу онлайн популярдуу болгон жалпы долбоорлоо дарылоо болуп саналат. Бул ыкмаларды желе дизайн баштыгына бар үчүн колдо болгон таасири.
Эгер мурда бул кылган же кокусунан эле мурда аны аракет кылышкан жок болсо, кайра коркутуп сезилиши мүмкүн, бирок, чынында, абдан кыйын эмес. Бул кыскача окуу куралы менен, сиз CSS менен бир канча мүнөттүн ичинде техникасын өздөштүрүү үчүн зарыл болгон маалыматтарды алууга болот.
баштоо
Негизги сүрөттөр же суу (чынында эле абдан жеңил өбөлгөлөрү сүрөттөлүштөр) басылма долбоордо бир тарыхы бар. Документтер нерселерди көчүрүүдөн, аларды алдын алуу үчүн аларга көп кирген суу бар. Андан тышкары, көптөгөн гезиттер жана брошюралар басылып кесим үчүн долбоордун алкагында ири маалымат буркандарды колдонуу. Желе дизайн көп карыз басма жана өнүгүүнүн өбөлгөлөрү сүрөттөрдөн стилдери бул карыздык стилдердин бири болуп калды.
Бул ири маалымат сүрөттөр төмөндөгү үч аркылуу түзүү жеңил болуп CSS стили касиеттери:
- маалымат-сүрөт
- маалымат-кайталоо
- маалымат-тиркеме
- маалымат-көлөм
Негизги-Image
Сен суу катары да колдонулат сүрөттү аныктоо үчүн маалымат-сүрөтүн колдонот. Бул ыкма тек гана сиз сайтта бар, деген каталогдо, кыязы, бир сүрөтүн жүктөй албай сөп жолду колдонот ", сүрөттөрдү".
маалымат-сүрөт: нускага (/images/page-background.jpg);
Бул сүрөт да кадимки сүрөттөлүш караганда уламдан же ачык экенин маанилүү. Бул "суу" деген жарым-жартылай ачык сүрөт тексттерди, сүрөттөрдү, жана интернет-беттеги башка негизги элементтери артында турган карап түзөт. Бул кадам болбосо, чөйрө сиздин беттеги маалымат менен атаандаша турган жана кыйын окуп жатышат.
Сиз, мисалы, Adobe Photoshop сыяктуу кандайдыр бир түзөтүү программасына өбөлгөлөрү сүрөттү өзгөртө алат.
Негизги-кайталоо
маалымат-кайталап менчик кийинки келет. Сиз сүрөт ири суу стилдеги диаграммасын болууну каалаган болсо, бир гана жолу ал сүрөттөлүш көрсөтүшчү үчүн ошол мүлктү колдонуу керек.
маалымат-кайра: жок-кайталоо;
"Жок-кайра" менчик болбосо, Демейки сүрөттү беттеги үстүнөн жана кайра кайталай берет. Бул стили сиздин CSS маанилүү каралышы керек, демек, заманбап интернет барак үлгүлөрүн жагымсыз болот.
Негизги-тиркеме
Негизги-тиркеме көптөгөн интернет дизайнерлери унутуп менчиги болуп саналат. Аны колдонуу менен Сиз "туруктуу" мүлктү колдонуп жатканда чөйрө жерде негизги турат. Бул беттеги негизги бир суу ошол сүрөт тартса болот.
Бул мүлк үчүн жарыяланбаган маани "түрмөк" болуп саналат. Эгер маалымат-тиркеме маанисин жок болсо, анда маалымат бетине менен бирге жылдырып берет.
маалымат-тиркеме: белгиленген;
Негизги-Size
Негизги-өлчөмү акыркы CSS менчиги болуп саналат. Ал аны карап жатат портунун негизинде алкагында өлчөмүн коюуга мүмкүндүк берет. Бул үчүн абдан пайдалуу, анткени сезимтал сайттарында ар кандай өлчөмдөгү көрсөтө турган ар кандай түзмөктөрдө .
маалымат-өлчөмү: капкагын;
Сиз бул мүлктү колдоно алабыз эки пайдалуу баалуулуктар кирет:
- Cover - толук туурасы же толук бийиктиги көрсөтүлөт же ошондой билим Скейлс. Бул сүрөттүн айрым бөлүктөрү экранында, бирок бүт аймагы жабылат сезилиши мүмкүн дегенди билдирет.
- Бар - бүткүл туурасы, бийиктиги аймак деп атай турган көрсөтүлгөн да ошондой айкелди Скейлс. Сүрөт кесип эмес, бирок жагы аянтынын бөлүктөрү бейнеси менен жаап коюуга мүмкүн эмес болуп саналат.
Сиздин Баракка CSS кошуу
Жогоруда касиеттерин жана алардын баалуулуктарын түшүнүүгө кийин, сиз сайтына бул стилин кошууга болот.
Эгер бир-бет сайтты жасап жаткан сиздин интернет барактын башына төмөнкү кошуу. Сиз көп-бет сайтын куруп жаткан тышкы баракта бийликтин пайда алып келсе, сырткы стилдин жана CSS стилдер чейин созулат.
<Стили>
орган {
маалымат-сүрөт: нускага (/images/page-background.jpg);
маалымат-кайра: жок-кайталоо;
маалымат-тиркеме: белгиленген;
маалымат-өлчөмү: капкагын;
}
// ->
Силерди URL өзгөртүү өбөлгөлөрү бейнеси сиздин сайтка тиешелүү белгилүү бир аты жана билэ жолун дал. кандай болбосун башка тийиштүү өзгөртүүлөр, ошондой эле долбоорду бата жасап, сизге суу болот.
Сиз орду көрсөтүлөт алабы, Тоо
Эгер интернет баракчасында белгилүү бир жерге суу коюп келсе, ошондой эле кыла алат. Мисалы, сиз таап жогорку бурчунда, карама-каршы болуп, бетине же төмөнкү бурчта ортосунда суу болот.
Бул үчүн, стили менен маалымат-орду мүлктү кошуу. Бул көрүнүшү келет так жерге сүрөттү салат. Сиз бул ханан натыйжа алуу пикселдик баалуулуктарын, пайыздарды же трассаларын колдоно аласыз.
маалымат-орду: борбору;