12791

height/высота и width/ширина

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

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

height/высота и width/ширина До сих пор мы особо не заботились о размерах элементов с которыми работали. На этой лабораторной посмотрим как легко можно определять высоту и ширину элемента. width height Установка ширины [width] Свойством width вы можете определять шири

Русский

2013-05-03

12.79 KB

1 чел.

height/высота и width/ширина

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

  •  width
  •  height

Установка ширины [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;

}

Резюме

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

К началу


 

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

61966. Организация физпауз с учётом особенностей урока 180.97 KB
  3й урок активные возбуждённые энергичные. Это самый благоприятный для усвоения трудного нового материала урок.
61967. Особливості уроку інформатики 17.53 KB
  Використання компютера разом з методично доцільними педагогічними програмними засобами дозволяє вдосконалити стиль та прийоми роботи вчителя за рахунок перекладання на компютер рутинних операцій і забезпечення вчителеві творчого підходу до розвязування завдань навчання і виховання.
61969. Диоксид кремния в природе и жизни человека 29.35 KB
  Цели урока: рассмотреть строение физические и химические свойства диоксида кремния. Показать значение диоксида кремния в природе и жизни человека дать понятие о силикатной промышленности о производстве стекла и цемента показать применение этих материалов в народном хозяйстве.
61970. Обозначение мягкости согласных с помощью буквы Ю 19.63 KB
  Задание выполним в парах. Задание восстановите последовательность. Каков первый пункт Предлагаю выполнить задание в парах. Я приготовила для вас задание повышенной сложности Чем отличается это задание от предыдущих...
61971. Деление на 8 равных частей 41.68 KB
  Учащиеся проверяют свою готовность к уроку. Учащиеся приветствуют учителя. Учащиеся отвечают на вопросы учителя. Учащиеся выполняют указания учителя.
61973. Нарезание крепежной резьбы 25.05 KB
  Цели урока: Обучающая: научить учащихся нарезать наружную резьбу круглой плашкой. Пользоваться справочными таблицами правильно и безопасно с точки зрения т б применять режущий и мерительный инструмент для нарезании наружной резьбы.