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

К началу


 

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

39355. Расчет цилиндрического редуктора 745.5 KB
  При этом марки сталей выбирают с учетом наибольших размеров пары: диаметра для валашестерни и толщины сечения для колеса с припуском на механическую обработку после термообработки. Сочетание шестерни закаленной при нагреве ТВЧ и улучшенного колеса дает большую нагрузочную способность чем улучшенная пара с той же твердостью колеса. Такая пара хорошо прирабатывается; ее применение предпочтительно если нельзя обеспечить высокую твердость зубьев колеса.2 [1] Для шестерня выбираем Сталь 40Х для колеса выбираем Сталь 45 3.
39356. Проектирование цилиндрического редуктора 364.5 KB
  Объектом курсового проектирования является одноступенчатый редуктор-механизм, состоящий из зубчатой передачи, выполненный в виде отдельного агрегата и служащий для передачи вращения от вала двигателя к валу рабочей машины.
39357. Проблема макроэкономической нестабильности 637.5 KB
  Экономические циклы. Среднесрочный цикл, его причины и фазы. Концепция длинных волн конъюнктуры. Безработица и её формы. Социально-экономические последствия безработицы. Инфляция: сущность, причины, последствия.
39358. Управление основными средствами предприятия 70.97 KB
  Провести анализ основных фондов, в том числе. Проанализировать динамику и структуру основных фондов. Проанализировать показатели эффективности использования основных средств. Выявить резервы по увеличению эффективности использования основных фондов
39359. Силовой расчет механизмов с учетом трения в кинематических парах 119.5 KB
  Способность контактирующих поверхностей звеньев сопротивляться их относительному движению называется внешним трением. Трение обусловлено неидеальным состоянием контактирующих поверхностей (микронеровности, загрязнения, окисные пленки и т.п.)
39360. Роль кросс-культурных исследований в изучении психического развития ребенка 51.05 KB
  Предмет кросс-культурной психологии – изучение сходства и различий психологических переменных в различных культурах и этнических общностях. Кросс-культурные исследования проводятся в рамках разных отраслей психологии: общая психология изучает особенности восприятия, памяти, мышления
39361. Распределение доходов. Заработная плата. Бюджет семьи 80.5 KB
  Доходы – это распределенный продукт, который субъекты экономических отношений получают для личного и производственного потребления. Доходы бывают натуральные (материальные блага и услуги) и денежные.
39362. Привод транспортера 877.5 KB
  При этом марки сталей выбирают с учетом наибольших размеров пары: диаметра для валашестерни и толщины сечения для колеса с припуском на механическую обработку после термообработки. Сочетание шестерни закаленной при нагреве ТВЧ и улучшенного колеса дает большую нагрузочную способность чем улучшенная пара с той же твердостью колеса. Такая пара хорошо прирабатывается; ее применение предпочтительно если нельзя обеспечить высокую твердость зубьев колеса.2 [1] одинаковый для шестерни и колеса но с разными твердостями так как твердость зубьев...
39363. Тарифная политика страховщика на региональном рынке страхования (по различным видам) 44.17 KB
  Только правильно сформированная и реализованная тарифная политика сможет обеспечить выполнение целей и задач страховой компании: рентабельность деятельности и общедоступность страхования для населения, организаций и государства.