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

К началу


 

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

65467. ПОЛЕЗАХИСНА ЕФЕКТИВНІСТЬ СИСТЕМИ ЛІСОВИХ СМУГ В УМОВАХ ПРАВОБЕРЕЖНОГО ЛІСОСТЕПУ 1.05 MB
  Зазначена кількість створених лісових насаджень є не тільки недостатньою але й в більшості випадків не відповідає сучасним науковим підходам і баченням даної проблеми в цілому.
65468. Вплив холодної деформації волочінням на властивості тонких термопарних дротів 917 KB
  Найбільш поширеним безвідходним способом обробки циліндричних металевих заготовок тиском є холодне волочіння яке дозволяє звести до мінімуму або повністю виключити необхідність обробки деталей різанням. Подальший розвиток методів холодного волочіння та ширше...
65469. ІНТЕЛЕКТУАЛІЗАЦІЯ ПРАЦІ У СТРАТЕГІЇ ІННОВАЦІЙНОГО РОЗВИТКУ ЕКОНОМІКИ УКРАЇНИ 201 KB
  Інтелектуалізація праці завжди була тією рушійною силою, яка надавала певного змісту господарській діяльності людини, визначала характер економічного зростання і ступінь розвитку економіки. Поступове підвищення ролі переважно інтелектуальної, творчої, складної компоненти змісту праці...
65470. ІНФОРМАЦІЙНА ТЕХНОЛОГІЯ ФРАКТАЛЬНОГО КОДУВАННЯ В ТЕЛЕКОМУНІКАЦІЙНИХ МЕРЕЖАХ ВІДЕОСПОСТЕРЕЖЕННЯ 181.5 KB
  Не завжди вирішують завдання і методи кодування відеопотоків які використовуються в сучасних системах: в одних методах наприклад ДКП ступінь стискування виявляється недостатньою в інших наприклад фрактальних на заваді стає неприпустимо великий час кодування.
65471. Наукові і технологічні основи створення та керованого функціонування епоксидних композитів з різним ступенем наповнення 298 KB
  Епоксидні композиційні матеріали ЕКМ та покриття на їх основі набули широкого застосування у світовій практиці для захисту технологічного устаткування деталей машин і механізмів від зношування корозії перепадів температур в умовах сухого фрикційного контакту або впливу гідроабразивних середовищ.
65472. КЕРУВАННЯ ПРОЦЕСОМ ПЕРЕНЕСЕННЯ ЕЛЕКТРОДНОГО МЕТАЛУ ЗАСТОСУВАННЯМ ІМПУЛЬСНИХ ЕЛЕКТРОМАГНІТНИХ ДІЙ ПРИ ДУГОВОМУ ЗВАРЮВАННІ 6.2 MB
  Дугове зварювання плавким електродом характеризується підвищеною продуктивністю та відносно легкою автоматизацією процесу чим пояснюється його широке використання у промисловості. При застосуванні даного способу зварювання існують проблеми підвищення якості зварних з’єднань...
65473. РЕДАГУВАННЯ ПЕРЕКЛАДУ ТЕКСТІВ АНГЛОМОВНИХ ТЕЛЕСЕРІАЛІВ 144.5 KB
  На особливу увагу заслуговує редагування перекладу текстів англомовних телесеріалів українською мовою адже більшість продуктів сучасного телебачення виробляється в Сполучених Штатах Америки і потрапляє до вітчизняного глядача...
65474. ФОРМУВАННЯ СОЦІАЛЬНОЇ КОМПЕТЕНТНОСТІ МАЙБУТНІХ ПРАКТИЧНИХ ПСИХОЛОГІВ У ПРОЦЕСІ ПРОФЕСІЙНОЇ ПІДГОТОВКИ 188.5 KB
  В умовах суспільних трансформацій та входження України до європейського освітнього простору формування в майбутніх практичних психологів соціальної компетентності готовності до ефективної взаємодії є нагальною проблемою...
65475. РОЗВИТОК МЕТОДИКИ ПРИКЛАДНОГО МИСТЕЦТВА ГОТФРІДОМ ЗЕМПЕРОМ У ХУДОЖНЬО-ПРОМИСЛОВИХ ШКОЛАХ ЗАХІДНОЇ ЄВРОПИ (ДРУГА ПОЛОВИНА ХІХ СТОЛІТТЯ) 189 KB
  Сьогодні технологічна освіта зазнає радикальних змін у розрізі яких відбувається системне впровадження в навчальний процес різних типів закладів освіти мистецтва дизайну джерелом якого є...