Box модела в HTML

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео

Тест за преминаване към следващия урок

 
Какво представляват inline елементите?
Оразмеряват своя контейнер според своето съдържание и не влияят на другите елементи
Подреждат сe един под друг
И двете
 
Какво представлява стилът margin?
Отстояние на контейнерa на съдържанието от останалите елементи
Отстояние между думите в съдържанието
Отстояние на контейнерът от съдържанието му
 
Какво представляват block елементите?
Оразмеряват своят контейнер според размера на своя родител
Не позволяват на други елементи да се нареждат до тях
И двете
 
Какво представлява стилът padding?
Отстояние на съдържанието от неговия контейнер
Отстояние преди първото изречениe в съдържанието
Отстояние между буквите в съдържанието

Въпроси и отговори

  • Борис Митев:

    Пропусната е ";" на предишния ред. Това посивяване означава синтактична грешка и е добре също да се проверява кода преди нея.

    Peter:

    Как се "закоментарява" ред в HTML?

    Peter:

    Това трябваше да го пусна като нов въпрос, сори ... :)

    Peter:

    Намерих едно пищовче - http://uroci.net/urok/Пълен-списък-с-HTML-кодове-и-описанието-им.html - Създава коментар в страницата

    Chvdr:

    // Създава коментар до края на текущия ред; /* ... */ Всичко на мястото на многоточието е коментар и не влияе на кода. Създаването на едноредови и многгоредови коментари по горния начин е валидно както за CSS, така и за HTML

  • Какво е контейнер?

    Злат Попзлатев:

    Не разбрах какво точно е.

    Борис Митев:

    Контейнерът е нещо което съдържа в себе си други неща. В контекста на HTML всеки елемент е контейнер (или родител) за елементите, които съдържа в себе си (дъщерни елементи).

    Ганчо Ламбев:

    Може ли да му викаш "Це Ес Ес" бе човек?.. Като те чуя и се замислям дали да не спра да уча!

    Дарина Иванова:

    Контейнер е термин и в други езици, така че по-добре да разчупим мисленето си и да го приемем. Освен това Це Ес Ес си звучи типично на немски, какво да кажат англоговорящите :)

  • Борис Митев:

    H1 тагът е затвовен с грешен затварящ таг HI1.

    Вили Димова:

    Мдааа... май трябва да внимавам повече... Благодаря!

    Yana Kirilova:

    Здравейте, бихте ли ми казали как да направя .css файл на Windows 7, защото изпитвам огромни затруднения. Благодаря предварително! Хубав и усмихнат ден!

    Борис Митев:

    File -> New File и после File -> Save As и изписвате името "style.css"

    Буряна Пенкова:

    Вероятно при вас е зададена опция "Hide extensions for known file types" - Намира се във Folder Options>View. Ако е избрана тази опция, Windows скрива разширенията на някои файлове и въпреки че пишете в края на името css, Windows го интерпретира като txt.

  • Защо не ми се променят цвтовете ?

    Десислава:

    На мен цветовете не ми се променят ? Малко шрифта се мени

    Борис Митев:

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

    Десислава:

    След голямо преглеждане на уроците,се оказа точно това,разбрах,че моите указвания за линка към Css в HTMLса други от урока ви и ги поправих и всичко стана както трябва :) Благодаря за вниманието :0

  • Защо контейнер и какво е родител?

    Боряна Маринова:

    Здравейте ! Искам да попитам защо точно го наричате КОНТЕЙНЕР? Според мен е border , така го знам и според мен ще е по-лесно за другите изучаващи курса да го разберат. Нали текста се състои от 4 части - 1. Teкста или по-точно content 2.Padding 3.Borders 4.Margin Ще прикача картинка, нарисувала съм как разбирам изцяло BOX модела. Поправете ме ,ако греша.

    Другият ми въпрос е какво е родител? И какво му е английското наименование ? Благодаря.

    Иван Цукев:

    Контейнерите съдържат други елементи - примерно div е контейнер. може да има много неща в един контейнер. Родител (на англ. parent ) е просто йерархична структура. Представи си го папка с няколко по-папки, които може да съдърждат още под-под-папки.

    Папката е parent (родител) на подпапката. Аналогично е и при контейнерите.

    Rumen Gotsev:

    Parent - Child - Родител - Дете

    Дарина Иванова:

    /br - знак за нов ред, няма затварящ таг. Вероятно това го отличава от контейнера.