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 и боксовой модели вы сможете создавать элегантный дизайн более точно.

К началу


 

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

50130. Определение коэффициента термического расширения (объемного) жидкости 116 KB
  Цель работы: 1 измерить изменение объема воды при нагреве ее от 0 С до 90 С; 2 определить показатель коэффициента термического расширения. Особенный интерес представляет поведение воды в диапазоне температур 0 10 С. В данной работе исследуется изменение объема воды в диапазоне температур от 0 С до 40 90 С максимальная температура ограничена длиной измерительной трубки. Для проведения измерений в интервале 0 20 С термостат в начале работы заполняется смесью льда и воды что обеспечивает начальную температуру 0 С.
50131. ОПРЕДЕЛЕНИЕ ПОКАЗАТЕЛЯ ПРЕЛОМЛЕНИЯ ПЛОСКОПАРАЛЛЕЛЬНОЙ ПЛАСТИНЫ С ПОМОЩЬЮ МИКРОСКОПА 160 KB
  Углы падения отражения и преломления отсчитываются от нормали к границе раздела двух сред ON. Направления этих лучей определяются следующими законами геометрической оптики: луч падающий АО луч отраженный ОВ луч преломленный ОД и нормальON восстановленная в точке падения О лежат в одной плоскости; угол отражения NOB численно равен углу падения ON; синус угла падения i относится к синусу угла преломления r как скоростьсвета в первой среде υ1 относится к скорости света во второй среде υ2. 1 Последний закон в оптике известен как...
50132. Тактика гри у футболі. Індивідуальні, групові і командні дії в нападі і захисті 27.5 KB
  Індивідуальні групові і командні дії в нападі і захисті. Система гри - це основний спосіб гри команди який визначає особливості розташування і пересування гравців у захисті і нападі для досягнення успіху в матчі. Гра в захисті й нападі вимагає від гравців оперативного розвязання ігрових ситуацій використання різноманітних тактичних засобів. Тактика гри у футбол реалізується в індивідуальних групових і командних діях у нападі й захисті.
50134. ВЕРОЯТНОСТНО-ЭКОНОМИЧЕСКИЙ МЕТОД РАСЧЕТА СТАЛЬНЫХ КОНСТРУКЦИЙ 172.5 KB
  Принципиальное отличие этого метода от заложенного в нормы метода расчета по предельным состояниям состоит в том что в расчет вводится не нормативные или расчетные значения нагрузок и прочностных свойств конструкционных материалов а СТАТИСТИЧЕСКИЕ ХАРАКТЕРИСТИКИ их распределений СРЕДНИЕ ЗНАЧЕНИЯ И КОЭФФИЦИЕНТЫ ВАРИАЦИИ. Коэффициент надежности по ответственности не используется. Таблица 1 Статистические характеристики давления ВЕТРА Ветровой район Среднее значение давления ветра кПа кг м2 Коэффициенты вариации Vf k = qo I II III IV...
50135. ОПРЕДЕЛЕНИЕ ОТНОШЕНИЯ ТЕПЛОЕМКОСТЕЙ ГАЗА МЕТОДОМ КЛЕМАНА-ДЕЗОРМА 92.5 KB
  Основные теоретические положения к данной работе основополагающие утверждения: формулы схематические рисунки: Введение Первый закон термодинамики утверждает что количество теплоты DQ сообщенное газу расходуется на изменение внутренней энергии газа DU и на работу А совершаемую газом: DQ = DU . Теплоемкостью газа называется величина равная количеству теплоты необходимой для нагревания данной массы газа на один кельвин. T0...
50136. Фреймы, плавающие фреймы, сегментирование изображения, формы, бегущая строка 46.5 KB
  Клик на сегментах Бегущая строка и Сегментированные изображения должен открывать файл с любой картинкой в новом окне. Страница с фреймами Бегущая строка top Бег.
50137. Изучение рынка операторов сотовой и пейджинговой связи г. Санкт-Петербурга 228.5 KB
  Удовлетворить запросы потребителей - непростая задача. Прежде всего нужно хорошо изучить потребителя, т.е. ответить на вопросы кто покупает, какое количество, по какой цене, с ка-кой целью, для удовлетворения каких потребностей, где покупает. Обеспечить, если это необходимо, сервис. Для этого проводят маркетинговые исследования. Изучить всех покупателей продукта невозможно, да и ненужно. Целесообразно найти тот сегмент потребителей, который обеспечит основной сбыт.
50138. Рух протиходом. Рух змійкою. Команди та дії 50.5 KB
  Визначення рухiв при конструюваннi загальнорозвивальних вправ. Пiдроздiл на: простi рухи; послiдовнi рухи; сполученi рухи; послiдовно сполученi рухи. Розподiл рухiв за рахунком. Уточнення характеру рухiв.