Css оформление на обекта - оформление блок с помощта на CSS

Атрибути и стойности

  • фон-цвят: - определя цвета на фона.
  • марж: 0 автомобил - определя единицата центриране.
  • ширина: - определя ширината в пиксели или като процент.
  • Височина: - определя височината.
  • плаваш: ляво - дефинира опаковка в ляво.
  • гранично-надясно: - определя свойствата на дясната граница.
  • ясно: и двете - отменя обвивка и от двете страни.

Обърнете внимание на пунктирана граница на лявата колона, която някак си не достига дъното. Тези нюанси са лесно отстранени чрез atritsatelnogo допустима граница на атрибутите. Например, марж-отдолу: -15px подреден излишъкът (виж пример по-долу).

труден HTML CSS оформление блокове в три колони

Пример твърд блок оформление сайт в три колони.

Блокиране на кодиране за предпочитане оформление маса. оформление на сайта блокове осигуряват повече възможности за форматиране и дизайн. Гнезда блокове изисква способността да се работи с атрибутите на марж, уплътнение, поплавък, ясно.

Например, флоатно атрибут позволява да организира няколко последователни хоризонтални блокове да се разделят на уеб-страницата вертикално.

каучук HTML CSS оформление блокове

Пример за каучук оформление уебсайт, използвайки блокове.

Виждаме, че колоната дясната плъзна надолу → добавите към селектор div.right_col настройка марж-горе: -20px.

Атрибути и стойности

  • вата-наляво: - определя подложка в ляво.
  • марж-нагоре: - определя външната пространство отгоре.
  • марж-наляво: - определя появата на левия тире.
  • мин ширина: - определя минимална ширина.
  • макс ширина: - определя максималната ширина.

В лявата колона с плувка параметър: ляво всъщност обхваща право, тъй като правото не включва потока атрибут. От друга страна, създаването марж-наляво: 200px определя вдлъбнатината на дясната колона, така че да не се застъпват. Ние не можем да попитам разгънатата за дясната колона, тъй като в този случай ще бъде невалиден мин ширина и максимална ширина.

Имайте предвид стойността на уплътнение. ширината на пунктирана граница на размера.

Гумени + труден HTML CSS оформление блокове

Пример на мястото на CSS оформление.

Поставете лявата и дясната колона в контейнера

. Центриране го използвате марж: 0 автоматично. Премахване на пространството в долната част на блок параметър марж-долу: -16px.

Параметър подложка: 10px 10 добавя пиксела на всяка страна, така че контейнерът

височина от 420 пиксела е била определена, и след това се нарязва на долните 16 пиксела.

Оказва се, че не е толкова трудно. Продължавай.

Пример оформление здраво CSS сайт с помощта на таблици.

вертикално подравняване подравнява съдържанието на горната клетка, се прилага само към клетките.

каучук HTML CSS кодиране маси

Пример каучук оформление CSS сайт с помощта на таблици.

С нес блок оформление, твърда или гума е най-честата оформлението сред професионалните сайтове.

Урок 23. CSS позициониране CSS оформление CSS справка в сайта: шрифт

Запазване и споделяне на услугите