Позициониране на елементи на страницата

елементи

Здравей, скъпи читателю.

Това е третата част от осемнадесетия урок за CSS позициониране. В този урок ще проучим фиксираната стойност и статичната стойност на свойството за позициониране и ще ги разгледаме с пример. Това приключва урок 18 за позициониране.

Преди да изучавате този урок, прегледайте предишните уроци:

Теория и практика

В този урок ще завършим разглеждането на такова свойство като позициониране. За да направим това, трябва да разгледаме две стойности на това свойство. Те са фиксирана стойност и статична стойност.

позиция: абсолютна относителна статична фиксирана

Позиционирането е фиксирано

Също така, например, вземете шаблон от предишни уроци. За да разберем как работи тази стойност, ще работим с менюто, което се намира в самия връх.

Вижте пример за изтегляне

Нека оправим това меню. Тоест при превъртане на страницата това меню остава постоянно в горната част:

Как изглежда в браузъра:

Вижте пример за изтегляне

Когато използвате тази стойност, няма значение къде се намира този блок, защото той винаги ще бъде позициониран спрямо прозореца на браузъра. Също така, за да може менюто да бъде нормално разположено на страницата, за заглавката ще зададем отстъп, равен на височината на менюто. Не е необходимо да се задълбочавате в това подробно, ще говоря за това в мини-курс за оформление на шаблон.

статично позициониране

Оставих тази стойност за края, защото тази стойност се дава на всеки блок по подразбиране. Тези. ако дори не зададете свойството position, то по подразбиране ще бъдеposition:static.

Това завършва изследването на позиционирането в CSS. Не пропускайте да опитатепрактическо използване на този имот.