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

К началу


 

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

47304. Промышленное и гражданское строительство 404 KB
  Методические указания разработаны с учетом содержания учебного плана ГОУ ВПО ТюмГАСУ составленного на основании Государственного образовательного стандарта высшего и профессионального образования требований кафедры СПОФ и смежных кафедр к содержанию и объему соответствующих разделов дипломного проекта для студентов очной и заочной форм обучения специальности 270102 Промышленное и гражданское строительство.3 Методика работы над дипломным проектом. 7 2 Разработка отдельных разделов дипломного проекта.2 Вариантное...
47306. Основы обороны государства 807.2 KB
  Россия – одна из крупнейших стран мира, имеющая богатые исторические и культурные традиции. Ее экономический, научно–технический и военный потенциал, уникальное географическое положение на Евразийском континенте позволяют Российской Федерации играть важную роль в современном мире.
47307. Анализ производственной деятельности ОАО «Уссурремтехснаб» 1.19 MB
  В процессе выполнения сельскохозяйственных работ детали и узлы машин изнашиваются. Износ деталей вызывает простои машин из-за технических неисправностей и нарушение агротехнических сроков. Снижается качество работы, падает производительность и увеличиваются расходы на содержание машин.
47308. Обзор диагностических аппаратов медицинского назначений 438 KB
  Большое значение в медицине имеет развитие микропроцессорной техники. Это однокристальные системы, ориентированные на использование в функциях управления разными приборами контроля. Количество микроконтроллеров, выпускаемых сегодня, почти в 10 раз превышает количество традиционных микропроцессоров (МП).
47310. Разработка программного обеспечения для автоматизации учета договоров купли-продажи новых автомобилей в автосалоне 509 KB
  В случае утраты покупателем документа, удостоверяющего право собственности на транспортное средство или номерной агрегат, продавец обязан по заявлению владельца и предъявлению им паспорта или другого документа, его заменяющего, выдать новый документ с пометкой "дубликат" с указанием серии, номера и даты ранее выданного документа
47311. ПОДГОТОВКА КЕРАМИЧЕСКИХ ПЛИТОК К УКЛАДКЕ. СОРТИРОВКА КЕРАМИЧЕСКИХ ПЛИТОК 2.69 MB
  ПОДГОТОВКА КЕРАМИЧЕСКИХ ПЛИТОК К УКЛАДКЕСОРТИРОВКА КЕРАМИЧЕСКИХ ПЛИТОК Состав технологических операций. Сортировка плиток по размерам калибровка цвету и оттенку качеству лицевой поверхности; выбраковка дефектных плиток. Укладка отсортированных плиток в контейнеры или ящикикассеты. Шаблоны и приспособления для сортировки плиток.