Positioning (CSS3)

[NecrosS]

Някой може ли да ми обясни по-детайлно свойствата : static, relative, absolute, fixed и какво означава inherit. От няколко дена търся отговори на този въпрос, но навсякъде пише абсолютно едно и също, а някои обяснения даже не мога да ги разбера (предимно, защото уча HTML5 и CSS3 на английски). 

[Avalanche]

Здрасти,
наблягането над английския също е препоръчително. W3Schools е един прекрасен сайт за начинаещи, препоръчвам ти да си сверяваш дневничето с него.

Накратко - по-подразбиране всички елементи са static, те не се влияят от top, bottom, left и right.
- Fixed закача елементите за прозореца (страницата), където виждаш някакви неща дето са постоянно на екрана - това най-вероятно са fixed (пример с менюто и логото най-отгоре на нашия сайт).
- Relative се ползва може би най-много, в линка са го описали като "нормално позициониране" (ако имаш два елемента, те ще се подредят един до/след друг).
- Absolute елементите се позиционират спрямо елемента, в който се намират (ако имаш два елемента, то те ще отидат един върху друг)

[NecrosS]

Здрасти,
наблягането над английския също е препоръчително. W3Schools е един прекрасен сайт за начинаещи, препоръчвам ти да си сверяваш дневничето с него.

Накратко - по-подразбиране всички елементи са static, те не се влияят от top, bottom, left и right.
- Fixed закача елементите за прозореца (страницата), където виждаш някакви неща дето са постоянно на екрана - това най-вероятно са fixed (пример с менюто и логото най-отгоре на нашия сайт).
- Relative се ползва може би най-много, в линка са го описали като "нормално позициониране" (ако имаш два елемента, те ще се подредят един до/след друг).
- Absolute елементите се позиционират спрямо елемента, в който се намират (ако имаш два елемента, то те ще отидат един върху друг)

С други думи, static напълно ,,застопорява" елементите и не им позволява всякакво преместване, примерно чрез margin-top, margin-left и т.н.?

[Avalanche]

Абсолютно не, margin и padding ще работят, top, right, bottom и left са отделни свойства и правят това, което си мислиш. Поиграй си малко и ще ги схванеш. Забравих да кажа за inherit, то си е както се превежда от английски, а именно - наследяване.

[NecrosS]

Абсолютно не, margin и padding ще работят, top, right, bottom и left са отделни свойства и правят това, което си мислиш. Поиграй си малко и ще ги схванеш. Забравих да кажа за inherit, то си е както се превежда от английски, а именно - наследяване.

Благодаря! 

[HD]

Благодаря във форума се казва с бутона Кажи благодаря. Иначе от този сайт съм научил много неща:
https://css-tricks.com/absolute-positioning-inside-relative-positioning/
Английския е задължителен. Не го приемай като критика, а  като съвет.

[NecrosS]

Благодаря във форума се казва с бутона Кажи благодаря. Иначе от този сайт съм научил много неща:
https://css-tricks.com/absolute-positioning-inside-relative-positioning/
Английския е задължителен. Не го приемай като критика, а  като съвет.

Английския си го знам, с малко пропуски, уча Html и CSS на английски, даже гледам клипове само на английски. Без значение дали клипа е с funny moments от игра, за IT, html, дали ще е научен клип(където естествено има много голяма варияция от думи) или такъв клип, пълен с факти. Когато гледам филм или слушам музика си превеждам всичко сам... Работата беше, че обяснението на английски беше объркано и  лишено от смисъл...

[Avalanche]

Работата беше, че обяснението на английски беше объркано и  лишено от смисъл...

Да не си чел индийски-английски? 

[NecrosS]

Да не си чел индийски-английски? 

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

[echeveria]

Да се обясни какви са позициите е е толкова просто. По сложни са взаимоотношенията между тях, когато родителят е един тип а децата друг. Това трябва да се научи, понеже ДОМ се крепи на взаимоотношения в дървовидната структура. Както и позиционирането не зависи само от тия пропъртита а и подравняванията (float)  и клиърванията (виж примери за clear-fix)
http://www.barelyfitz.com/screencast/html-training/css/positioning/