Урок 6 - Презентация

Урок 6

Формированиеблочной модели

Содержаниеурока

•Основныетеги для верстки (div и span)

•Свойство display

•Формированиеблочной модели

•Обтекаемыеэлементы

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

Основные теги для верстки

<div>Этоблочный элемент</div>

<span>Это строчный элемент</span>

Пример

div,span {

border: 1px solid #000;

}

<div>Этопервый div</div> <div>Этовторой div</div>

<span>Этопервый span</span> <span>Этовторой span</span>

Еще пример

div,span {

border: 1px solid #000; width:400px; height:50px;

}

<div>Этопервый div</div> <div>Этовторой div</div>

<span>Этопервый span</span> <span>Этовторой span</span>

Блочныеэлементы

•<form>

•<h1>

•<p>

•<table>

•<ul>

Строчные элементы

•<img />

•<a>

•<strong>

•<em>

Свойство display