Css се позиционира, уеб-спринтове
Начало »Грим» CSS позициониране блокове
Css позиционира един от най-важните етапи на оформление, защото това е, което се отразява на адаптивността на сайта или на възможността за неговото прилагане в бъдеще (ако в момента не е необходимо), както и да има значително влияние върху по-нататъшното намаляване на размерите на обекта. Не е необичайно, когато "планинско оформлението" направи това оформление, в резултат на което е по-лесно да се хвърлят, отколкото да се промени нещо, но това може да изглежда напълно в съответствие с плана. Тази ситуация възниква от не разбират къде и кога да се използва определен тип позициониране. Днес ние се опитаме да разберем този въпрос. И така, има в имота на CSS позиция. Този имот може да отнеме 5 стойности, но ние ще разгледа четири основни такива:
Абсолютни позиционира (абсолютен)
Първият в списъка ни, начина на позициониране - това е абсолютно. В назначаването на имотите, блока става самостоятелно звено и другите елементи на страницата да не пречи на местоположението, както и и тя не засяга други елементи. Размерът на блока се определя от ширината на имоти и височината, но на местоположение на стр най - добрите качества. наляво, надясно и надолу, тези параметри се определят тиретата от върха ляво и дясно и долния край. Ако устройството не разполага с майка елемент, както и ако позиционирането на родителя е различен от статично, отгоре, отляво, долу, дясно свойства определят компенсации от началото на страницата, в противен случай от ръба на майка елемент.
Най-често този тип позициониране се използва, когато устройството е необходимо да го натиснете към десния или долния ръб. Помислете за това оформление.
За удобство на блоковете са били разпределени в различни цветове рамка. Маркировката ще бъде, както следва:
В този пример използваме правилните и отдолу свойствата, която да постави тирето отдясно и долния край. Тези стойности на имотите са равностойни на стойностите на върха: Височина на елемента - 10px и наляво: Ширина елемент - 10px.
Само абсолютно позициониране понякога се използва, когато е необходимо да се направи "сблъсък" на един елемент в друг.
Статично позициониране (статично)
Най-често срещаният тип на позициониране, което се случва на всяка страница и обикновено се дава за повечето елементи - статични, в CSS е написано като статична. За по-голямата част от стойността на HTML тагове, определен по подразбиране, т.е. ако положението не е посочено изрично, стойността ще бъде статичен. С тази конструкция, елементите са разположени под всяка друга и координати на всеки елемент в прозореца зависи от елементите на близките до позиция: статичен или позиции: сравнение. Свойствата отгоре, отляво, отдясно и отдолу няма да работят с тази позициониране, промяна на местоположението на имотите се дължи на маржа.
Относително позициониране (относително)
Този тип позиция е много подобен на статичен с изключение на това, че местоположението на обекта, който може да промени свойствата отгоре, отляво, отдясно и отдолу, и марж.
Фиксирана позициониране (фиксирана)
Фиксирана характеристики позициониране уточняват координатите като абсолютното, но мястото не се изчислява във връзка с HTML страница, както и по отношение на прозореца на браузъра, т.е. когато имот отгоре: 10px, трябва да зададете горната граница, равна на 10px от браузъра на прозореца и независимо от това какво ниво скролвате страницата, елементът винаги ще следват вашия екран.
Обикновено се използва за навигация елементи, които са потребителят винаги е била в съзнанието на важна информация или линкове към интересни страници.
Подобни записи
- HTML тагове IMG добавяне на изображения
- Етикети и HTML атрибути. Част 2.
- HTML форма и неговите основни елементи