Урок 12: Боксовая модель - высота и ширина - Уроки CSS - Каталог статей - Учебник-основы HTML
Понедельник, 26.12.2011, 10:18:22
Главная Регистрация RSS
Приветствую Вас, Прохожий
Меню сайта
Категории раздела
Наш опрос
Оцените мой сайт
Всего ответов: 52
Мини-чат
 
200
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Поиск
Главная » Статьи » Уроки CSS » Все по теме: создание сайтов на xn-----6kcbauiekmo1arjb1ciu1hxd.xn--p1ai » » Клининговые работы в Чехове на profkliningservis.ru » » » перчатки от производителя » » » » натуральные камни оптом - самая актуальная информация тут » » » » » бух услуги » » » » » » айфон 8 цена - детальное описание здесь

Урок 12: Боксовая модель - высота и ширина

Урок 12: height/высота и width/ширина

До сих пор мы особо не заботились о размерах элементов, с которыми работали. В этом уроке мы посмотрим, как легко можно определять высоту и ширину элемента.

Установка ширины [width]

Свойством width вы можете определять ширину элемента.

В примере показан бокс для ввода текста:


div.box {
width: 200px;
border: 1px solid black;
background: orange;
}

Установка высоты [height]

Обратите внимание, как, в предыдущем примере, высота бокса устанавливается содержимым этого бокса. Высоту элемента можно определить свойством height. В качестве примера попытаемся создать бокс высотой 500px:


div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}

Резюме

Уроки 9, 10, 11 и 12 дали введение в боксовую модель CSS. Как вы, вероятно, заметили, боксовая модель предоставляет много новых возможностей. Ранее вы уже могли использовать таблицы в HTML для дизайна страниц, но с помощью CSS и боксовой модели вы сможете создавать элегантный дизайн более точно и в соответствии с рекомендациями W3C.

Категория: Уроки CSS | Добавил: Timon-shymerlya (08.04.2010)
Просмотров: 474 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *: