12788

Боксовая модель в CSS

Практическая работа

Информатика, кибернетика и программирование

Боксовая модель Боксовая модель в CSS описывает боксы генерируемые для HTMLэлементов. Боксовая модель также имеет детальные опции для определения полей рамок заполнения и содержимого каждого элемента. На диаграмме далее показано как построена боксовая модель: Боксов...

Русский

2013-05-03

24.21 KB

10 чел.

Боксовая модель

Боксовая модель в CSS описывает боксы, генерируемые для HTML-элементов. Боксовая модель также имеет детальные опции для определения полей, рамок, заполнения и содержимого каждого элемента. На диаграмме далее показано, как построена боксовая модель:

Боксовая модель в CSS


Эта иллюстрация может показаться слишком научной, поэтому попытаемся использовать эту модель на конкретном примере с заголовком и текстом. HTML нашего примера таков (из Всеобщей Декларации Прав Человека):

<h1>Article 1:</h1>

<p>All human beings are born free

и equal in dignity и rights.

They are endowed with reason и conscience

и should act towards one another in a

spirit of brotherhood</p>

Добавив цвет и информацию шрифта этот пример можно представить так:

В этом примере - два элемента : <h1> и <p>. Боксовая модель этих элементов выглядит так:

Хотя это может показаться немного сложным, тем не менее, видно, что каждый HTML-элемент окружён боксом. Боксом, который можно настроить с помощью CSS.

Резюме

В этом уроке вы узнали о боксовой модели. В следующих трёх уроках подробнее остановимся на том, как создавать элементы и управлять ими в боксовой модели.


 

А также другие работы, которые могут Вас заинтересовать

81639. Україна на планеті Земля 69.5 KB
  Мета: дати учням загальне уявлення про розташування України на карті; формувати пізнавальні комунікативні компетентності творче мислення; розвивати спостережливість уміння порівнювати класифікувати самостійно робити висновки; виховувати любов до своєї Батьківщини ощадливе ставлення до природи.
81640. Дівчатка й хлопчики 32.5 KB
  Хлопчики підходять до дівчаток і роблять їм комплімент потім навпаки. Діти називають риси характеру дівчаток і хлопчиків. Вчитель підводить їх до висновку що у дівчаток і хлопчиків є спільні риси характеру. Сьогодні поговоримо про дівчаток і хлопчиків жінок і чоловіків і про те чим...
81641. Стосунки зі старшими й молодшими. Образливі слова. Дружба 30.5 KB
  Мета. Довести до дітей значення стосунків і звичок для здоров’я людини. Виховувати шанобливе ставлення до людей різного віку. Обладнання. Зошит, підручник, ілюстрації до казок, кола з паперу червоного, зеленого й жовтого кольорів.
81642. Лики красоты 70.5 KB
  Красота и здоровья учащиеся владеют достаточно теоретическими знаниями о взаимосвязи гигиены спорта красоты и здоровья но в жизни часто не умеют отличить красивое от модного высокое прекрасное от попсы. Учитель Согласно данным опроса старшеклассниц 69 девушек формируют свой идеал красоты...
81643. О. Буцень «Чи є зима?» Розробка уроку українського читання у 2 класі 60 KB
  Українське читання Тема: О.Буценя Чи є зима удосконалювати навички правильного и виразного читання та навички літературного аналізу; формувати вміння працювати над текстом; орієнтуватися в структурі; розвивати самостійність критичність мислення пізнавальні інтереси. формувати соціальну компетентність: учити дітей працювати в парах у групах дискутувати вести діалог; виховувати спостережливість бережливе ставлення до природи культуру мовлення Обладнання: складова таблиця маски картки для читання малюнки черепахи сороки і ворони;...
81644. Відчиняє двері казка 103 KB
  Мета: перевірити і закріпити знання учнів з вивчених тем Українські народні казки та Казки українських письменників; удосконалювати діалогічне та зв’язне мовлення; виховувати гостинність бажання допомагати один одному. Які бувають казки Казки бувають народні і літературні.
81645. Буду я природі другом 86.5 KB
  Мета: поглиблювати навички роботи над різними жанрами творів; розвивати способи і види читання; виховувати бережливе ставлення до природи. II Мовна розминка Учитель Урок з читання почнемо без зупинки з артикуляційної розминки 1. Скоромовка Читання скоромовки дощиком Жовте жито жук жував і з Женею жартував.
81646. Підсумковий урок з теми «Оповідання» 315.5 KB
  Вчити аналізувати та оцінювати поведінку та вчинки дійових осіб, робити висновки щодо прочитаного, поглибити знання дітей про загальнолюдські моральні якості. Розвивати навички читання, зв’язне мовлення, вміння висловити свою думку, цінувати думки товаришів.
81647. Бабусина пригода 73.5 KB
  Мета: Ознайомити дітей із п’єсою,як літературним жанром;вдосконалювати навички виразного читання; вчити інсценувати п’єсу засобами лялькового театру; вчити характеризувати дійових осіб. Розвивати творчі здібності учнів. Розвивати комунікативні (уміння формулювати і доводити власну думку; розвивати культуру мовлення)...