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

К началу


 

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

78735. Свято врожаю (6-7 класи) 395.5 KB
  Творці небувалого світлого дня Хай поле врожайнеє вам піснею буде Братихлібороби моя рідня. Розстелемо тут рушничок покладемо окраєць хліба й дрібок солі. Кожен колос зерном налитий Кожен колос зерном налитий Борода наша пишна Оце тобі борода хліб сіль і вода. Хліб.
78736. Андріївські вечорниці 73 KB
  Андрія Первозванного або, як у народі називають, свято Калити. Народні традиції міцно переплелися з релігійними та отак і дійшли до наших днів. Вечір напередодні молодь святкувала як «андріївські вечорниці». Готувались до них у складчину. До однієї господині зносили борошно, крупу, сушені яблука та груші й готували пісну вечерю.
78737. ВИХОВНИЙ ЗАХІД «СВЯТО БУКВАРЯ» 42.5 KB
  Сценарій заходу Свято Букваря Вчитель. Увага увага Любі гості мами й тата В нас Букварикове свято Добре що прийшли до нас Ви у перший клас. Ось і дзвіночок веселий кличе завзято Першокласників на свято.
78738. Свято Книги 53.5 KB
  Сухомлинський Свято Книги. Запрошую Під оплески у костюмах заходять книги: художня книга підручник словник енциклопедія довідник. Шлях розвитку книги був тривалим і дуже складним.
78739. Свято мами 49 KB
  У травні, коли розцвітають весняні квіти і дзвенить пташиний спів, теплий весняний вітер приносить до нас свято Матері. Ще у 1914 році Конгрес США прийняв Постанову про введення нового державного свята – Дня матері. А причетна до цього молода американка Анна Джарвіс. Вона втратила матір.
78740. Свято Миколая 53 KB
  Ой хто хто Миколая любить Ой хто хто Миколаю служить Тому святий Миколай На всякий час помагай Миколаю Ой глянь глянь на Вкраїну рідну. Іде до нас крізь ниви й гори Святий угодник Миколай. Історія свідчить що Миколай жив за часів імператора Костянтина у ІУ ст.
78741. СВЯТО ОСЕНІ 67.5 KB
  Щедра осінь давно у дорозі І добра принесла і краси. Але осінь у жовтому листі В цьому році найкраща у нас. Осінь осінь В гості тебе просимо З щедрими хлібами високими снопами З листопадом і дощем з перелітнім журавлем.
78742. Сценарій позакласного мистецтвознавчого заходу «Світ як велика симфонія» 503 KB
  Обладнання: мультимедійний проектор та екран, ноутбук чи системний блок ком’ютера, активні колонки, тематичні стіннівки, присвячені творчості М.К.Чюрльоніса, публікації «Музичний» живопис Чюрльоніса для подарунку гостям і учасникам проекту, роздатковий матеріал – кросворди на кожен учнівський стіл...
78743. Сценарій урочистої лінійки, присвяченої святу Першого дзвоника і Дню знань 56.5 KB
  В зеленім лісі побував якийсь художник і поволі Дерева перефарбував У золотисто-жовтий колір. Ведучий - Ти хто такий? – всі здивувались. Тебе не бачили ми досі. То придивіться, - хтось озвавсь. І всі побачили – це осінь. Ведучий А з нею в кожен дім прийшло радісне свято – День знань.