Css позициониращи блокове и елементи

лабораторни упражнения и задачи по програмиране и информатика, изпит по информатика

Позициониращи блокове

Елемент в html е правоъгълник; схемите за позициониране определят къде трябва да се намира този правоъгълник, както и как трябва да влияе на елементите около себе си.

Обмисли два стилизиращи елемента:

Тагът div е блок елемент, които могат да съдържат други блокове като изображения и таблици.

Пример:

Пример:

Текстово продължение на текста

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

Статично позициониране Е позиционирането по подразбиране на елемента. Такъв елемент се извършва на уеб страницата според позицията му в html-кода, т.е. дефинирани в нормален поток.

Статично позиционираният елемент не се влияе от горните, долните, левите и десните свойства .

Пример:

Фиксирано позициониране на CSS

• Фиксиран позициониран елемент премахнато от HTML потока и се позиционира спрямо прозореца на браузъра. Изглежда, че елементът "плава" над други тагове на страницата.
• Той остава на място, когато превъртате страницата.
• С фиксирано позициониране необходимо е да зададете координатите на местоположението на елемента.

Задаване на координати:

Стойности:
авто | величина | %

Пример:

В клас съм за първи път.
Сега съм студент.
Учителят влезе в класа,-
Станете или седнете?

Резултат:

CSS относително позициониране

• Относително позициониране позиционира елемент спрямо нормалното му положение.
• Когато се изисква относително позициониране задаване на координати положение на елемент спрямо нормалното му положение.

---