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

К началу


 

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

63643. УПРАВЛIННЯ IНВЕСТИЦIЯМИ 304.68 KB
  Економічна сутність інвестицій та їх класифікація Ефективне управління інвестиціями обумовлює необхідність: зясування сутності інвестицій та можливості їх реалізації в різних формах; розробки і реалізації інвестиційної стратегії як головної мети інвестиційної діяльності...
63644. СОВРЕМЕННАЯ ЗАПАДНАЯ ФИЛОСОФИЯ 241.5 KB
  Далее вспомним Юма утверждавшего что действительность для человека поток его ощущений; кантовскую критику разума по которой мы видим не то что есть а только то что можем видеть в силу своего устройства; странное положение Фихте весь мир это Я преломляющее реальность...
63645. Русская философия. Конец ХVIII – начало ХIХ веков 165 KB
  Одна из основных проблем его философии концепция бытия и человека в нем. Таким образом Чаадаев по существу утверждает иррациональность бытия человека. К философии истории тесно примыкает концепция человека. Однако раздвоенность природы человека обусловила трагизм его положения.
63646. Evolution of views on the role of state in the market economy 144.5 KB
  Became a base for development of now industrialized countries, played a key role in mixed economy formation. Appeared in the wake of Great Depression in the USA. State should actively interfere in the economy because free market does not posses mechanisms to help the economy struggle out from crisis.
63647. Теоретические проблемы периодизации развития Российского государства 82.1 KB
  С момента своего возникновения и до конца XIX века ведущую роль в системе политической власти играл класс феодалов основной собственник земли с постепенно закрепленными на ней крестьянами. Этот период делят на следующие этапы: а Раннефеодальное государство с VIII до середины XV века.
63649. УПРАВЛİННЯ ФİНАНСОВИМИ РИЗИКАМИ 420.02 KB
  Ризики у фінансово-господарській діяльності субєктів господарювання Ефективне забезпечення моделі управління фінансовими ризиками передбачає зокрема вирішення таких проблемних питань: аналіз умов виникнення і формування комерційних ризиків...