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

К началу


 

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

20863. Дифференциальная диагностика и лечение некоронарогенных заболеваний миокарда 279.5 KB
  Миокардит представляет собой поражение сердечной мышцы преимущественно воспалительного характера, обусловленное опосредованным через иммунные механизмы воздействием инфекции, паразитарной или протозойной инвазии, химических и физических факторов, а также возникающее при аллергических и иммунных заболеваниях.
20864. Договор дарения и специфика его применения в практической юриспруденции в условиях Российской Федерации 228.5 KB
  Совершенно ясно, что, как в теоретических, так и в практических позиций, договор уже очень давно перестал быть чем-то вторичным, вспомогательным среди воплощений права. Об этом, бесспорно, свидетельствует то обстоятельство, что договорами буквально пронизаны все сферы жизни современного общества.
20865. Учет и аудит выпуска готовой продукции (работ, услуг) 505 KB
  Целью дипломной работы является изучение операций по выпуску и оприходованию готовой продукции (работ, услуг), правилами их оценки и методикой отражения в бухгалтерском учете всех этих операций, рассмотрение порядка отражения этих операций на синтетических и аналитических счетах в бухгалтерском учете.
20866. Расчет и проект привода к пластинчатому транспартеру 2.46 MB
  В курсовом проекте проведены расчеты входных данных для проектирования привода: передаточных чисел, частот вращения, мощностей, вращающих моментов для всех валов редуктора. Проведены проектировочные и проверочные расчеты передач, валов, подшипников, муфт, шпоночных соединений, группового болтового соединения. Подобраны стандартные детали и смазка. Описана конструкция редуктора.
20868. Б.А. ТАРАШКЕВІЧ – АЎТАР ПЕРШАЙ “БЕЛАРУСКАЙ ГРАМАТЫКІ” 103.5 KB
  Сярод старэйшых людзей у былой Заходняй Беларусі і сёння амаль не сустрэнеш чалавека, які б не ведаў імя Браніслава Тарашкевіча. Адны ўспамінаюць, што вывучалі родную мову па ягонай граматыцы, другім з даўніх год запала ў сэрца палымянае слова Тарашкевіча- дэпутата, сказанае ім на мітынгу, ці баявая антыўрадавая прамова ў польскім сейме
20869. Условия прочности грунтов оснований 258 KB
  Механика грунтов, основания и фундаменты вместе с инженерной геологией и охраной природной среды составляют особый цикл строительных дисциплин. Предметом его изучения являются материалы, как правило, природного происхождения – грунты и их взаимодействие с сооружениями.
20870. Специальное программное обеспечение 252 KB
  Персональный компьютер, как известно, является универсальным устройством для обработки информации. Персональные компьютеры могут выполнять любые действия по обработке информации. Для этого необходимо составить для компьютера на понятном ему языке точную и подробную последовательность инструкций - программу
20871. ФИНАНСОВОЕ ОБЕСПЕЧЕНИЕ 5.62 MB
  В условиях рыночной экономики государственные и муниципальные органы выполняют функции регуляторов производства, хозяйствующих субъектов, участников обмена. Для обеспечения своих функций они создают финансовую систему, которая включает три уровня: федеральный, региональный, муниципальный.