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

К началу


 

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

22524. Диаграмма усталостной прочности 60.5 KB
  Диаграмма усталостной прочности. Эта кривая носит название диаграммы усталостной прочности рис. Точки А к С диаграммы соответствуют пределам прочности. Полученная диаграмма дает возможность судить о прочности конструкции работающей при циклически изменяющихся напряжениях.
22525. Расчет коэффициентов запаса усталостной прочности 147.5 KB
  Одним из основных факторов которые необходимо учитывать при практических расчетах на усталостную прочность является фактор местных напряжений. Очаги концентрации местных напряжений: Многочисленные теоретические и экспериментальные исследования показывают что в области резких изменений в форме упругого тела входящие углы отверстия выточки а также в зоне контакта деталей возникают повышенные напряжения с ограниченной зоной распространения так называемые местные напряжения. 1 а закон равномерного распределения напряжений вблизи...
22526. Основы вибропрочности конструкций 155.5 KB
  Если период вынужденных колебаний совпадет с периодом свободных колебаний стержня то мы получим явление резонанса при котором амплитуда размах колебаний будет резко расти с течением времени. Так как период раскачивающих возмущающих сил обычно является заданным то в распоряжении проектировщика остается лишь период собственных свободных колебаний конструкции который надо подобрать так чтобы он в должной мере отличался от периода изменений возмущающей силы. Вопросы связанные с определением периода частоты и амплитуды свободных и...
22527. Расчет динамического коэффициента при ударной нагрузке 140.5 KB
  Скорость ударяющего тела за очень короткий промежуток времени изменяется и в частном случае падает до нуля; тело останавливается. передается реакция равная произведению массы ударяющего тела на это ускорение. Обозначая это ускорение через а можно написать что реакция где Q вес ударяющего тела. Эти силы и вызывают напряжения в обоих телах.
22528. Сопротивление материалов. Введение и основные понятия 40.5 KB
  Прочность это способность конструкции выдерживать заданную нагрузку не разрушаясь. Жесткость способность конструкции к деформированию в соответствие с заданным нормативным регламентом. Деформирование свойство конструкции изменять свои геометрические размеры и форму под действием внешних сил Устойчивость свойство конструкции сохранять при действии внешних сил заданную форму равновесия. Надежность свойство конструкции выполнять заданные функции сохраняя свои эксплуатационные показатели в определенных нормативных пределах в течение...
22529. Метод сечений для определения внутренних усилий 92.5 KB
  Метод сечений для определения внутренних усилий Деформации рассматриваемого тела элементов конструкции возникают от приложения внешней силы. Внутренние усилия это количественная мера взаимодействия двух частей одного тела расположенных по разные стороны сечения и вызванные действием внешних усилий. Здесь {S} и {S } внутренние усилия возникающих соответственно в левой и правой отсеченных частях вследствие действия внешних усилий. Используя общую методологию теоремы Пуансо о приведении произвольной системы сил к заданному центру и...
22530. Эпюры внутренних усилий при растяжении-сжатии и кручении 48.5 KB
  Рассмотрим расчетную схему бруса постоянного поперечного сечения с заданной внешней сосредоточенной нагрузкой Р и распределенной q рис. а расчетная схема б первый участок левая отсеченная часть в второй участок левая отсеченная часть г второй участок правая отсеченная часть д эпюра нормальных сил Рис. В пределах первого участка мысленно рассечем брус на 2 части нормальным сечением и рассмотрим равновесие допустим левой части введя следующую координату х1 рис. Мысленно рассечем его сечением 2 2 и рассмотрим равновесие левой...
22531. Эпюры внутренних усилий при прямом изгибе 87.5 KB
  Рассмотрим пример расчетной схемы консольной балки с сосредоточенной силой Р рис. а расчетная схема б левая часть в правая часть г эпюра поперечных сил д эпюра изгибающих моментов Рис. Построение эпюр поперечных сил и внутренних изгибающих моментов при прямом изгибе: Прежде всего вычислим реакции в связи на базе уравнений равновесия: После мысленного рассечения балки нормальным сечением 1 1 рассмотрим равновесие левой отсеченной части рис. Для правой отсеченной части при рассмотрении ее равновесия результат аналогичен рис.
22532. Понятие о напряжениях и деформациях 80.5 KB
  а вектор полного напряжения б вектор нормального и касательного напряжений уменьшаются главный вектор и главный момент внутренних сил причем главный момент уменьшается в большей степени. Введенный таким образом вектор рn называется вектором напряжений в точке. Совокупность всех векторов напряжений в точке М для всевозможных направлений вектора п определяет напряженное состояние в этой точке. В общем случае направление вектора напряжений рn не совпадает с направлением вектора нормали п.