Блокове в CSS, маржове, граници, маржове

Как да направите уеб сайт
как да направите сами сайта, така че посетителят, който дойде при него, не веднага да затвори страницата в търсене на нов живот и да остане на него?






име на домейн
всъщност изберете домейн за вашия сайт, не е лесна задача, колкото изглежда на пръв поглед.
хостинг сайтове
изборът на един добър уеб-домакин зависи от "светло" бъдеще сайт сте създали.
Основни положения на HTML
HTML език е в основата на интернет, без знанието на популярния уебсайт не може да направи.
CSS свойства
чрез използването на шаблони е много по-лесно да се разработи уеб-страници и да управлявате уебсайт.
оптимизация
необходимите мерки, предприети от уебмастърите за повишаване на сайта, за да по-видно място.
насърчаване
за насърчаване на сайта на техните собствени, без използването на специални услуги, които далеч е лесна задача, но с правото и правилният подход е изпълним.
Bots
принцип на работа на алгоритми за търсене, класиране фактори.
интересни статии
Тук всеки ще намери нещо интересно статии и отговори на въпроси, свързани със създаването на сайта.
глосар
тълкуване на термини, срещани в създаването и популяризирането на сайтове.

Bytes Лока на CSS са самостоятелен обект с формата на правоъгълник. Всички елементи на HTML - документът са независими единици, които съдържат информация от всякакъв вид, независимо дали текст или изображение (съдържание). Например: съдържанието на елемент е глава текст блок. и за елемента - текстът на параграфа.

Блокове в CSS, маржове, граници, маржове

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

  • Field. Имоти MARGIN-TOP, MARGIN-дясно, долна граница, границата ляв
  • имот MARGIN
  • Гранична. Имоти граничен TOP ширина, граничен ПРАВО ширина, ГРАНИЧЕН дъно ширина, граничен НАЛЯВО ширина
  • ГРАНИЧЕН ширина имот
  • Имоти ГРАНИЦА-COLOR
  • Имоти ГРАНИЦА-СТИЛ
  • Имоти ГРАНИЦА-отгоре, ГРАНИЧЕН десен, ГРАНИЧЕН дъно, ГРАНИЧЕН ляв
  • имот ГРАНИЦА
  • Отстъпи. Имоти ПЪЛНЕЖ-отгоре, ПЪЛНЕЖ-дясно, ПЪЛНЕЖ дъно, ПЪЛНЕЖ ляв
  • имот ПЪЛНЕЖ






Field. Имоти MARGIN-TOP, MARGIN-НАДЯСНО,
Долна граница, MARGIN-НАЛЯВО

Тези свойства са разположени около полета размер на блока, стойностите са дадени в единици с различна дължина или процент:

  • марж-отгоре - означава ширината на горната област;
  • марж десен - означава ширината на дясната граница;
  • марж-отдолу - означава ширината на долната област;
  • марж ляв - означава ширината на лявото поле.

Пример правила за точка, като областта на правото и в лявата от 25 пкс, ще изглежда така:

р марж-отгоре. 0px;
марж-надясно. 25 пкс;
марж дъно. 0px;
марж-наляво. 25 пкс;
>

Този имот - съкратено, който се използва за кратки свойства, изброени по-горе. марж имот може да има редица от стойности от едно до четири:
  • Ако само единият е зададен, тогава всички маржове същия блок;
  • ако са дадени две стойности, първото поле показва горната и долната част, а вторият - в дясно и ляво (стойностите на всяка двойка са равни);
  • ако три стойности, първият представлява горното поле, а вторият - в ляво и дясно, третият - по-ниска;
  • Ако зададете всичките четири стойности, съответно, първата - на върха, а след това - дясно поле, а след това по-ниско, а последната - отляво.
Напиши правило:

В този пример, в началото на полето е равна на параграф 15px, полета отляво и отдясно на 5px, полето отдолу е 20px.

Ако CSS може да се използва, за да изпращам текста на параграфа в кадъра, като се прави на сайта под формата на примери. Тези свойства определят с дебелина само блок граници в горния десен, дъното и оставени сегменти. Стойностите могат да бъдат zadvat ключови думи:

Същите стойности могат да бъдат зададени всички единици за дължина, като процентните стойности не са установени. Правилото може да се запише като:

р-граница най-wdth. 1px;
гранично-десния wdth. 2px;
гранично-отдолу wdth. среда;
гранично-ляво wdth. тънък;
>

Това стенограмите на стойността на имотите са същите като в границата на имота. Обикновено написани по-долу ще съвпадне записаната примера по-горе:

Този имот е една и съща и кратката форма, цвета му е дадено посредством блок гранични стойности са:

  • дума (червено, жълто, черно, синьо и т.н.);
  • цвят хекс код (00FFFF, 000000, FFFFFF и т.н.);
  • десетичен код в RGB (цвят: RGB (120, 25, 182));
  • прозрачни - прозрачни граници.

Ако искате да зададете различен цвят всяка от четирите граници, а след това се използват свойствата:

  • гранично-горния цвят - цветът на горната граница;
  • гранично-десен цвят - цветът на дясната граница;
  • гранично-отдолу цвят - цветът на долната граница;
  • гранично-ляв цвят - цветът на лявата граница.

Правилото за този пример ще изглежда така:

р-граница най-цвят. синьо;
гранично-десен цвят. 000000;
гранично-отдолу цвят. FF0000;
гранично-ляво цвят. RGB (25, 125, 205);
>

И краткото имот, той определя типа на линията, която е на границата да го блокира. За да се определят различните видове линии, блок границите използвани от отделните свойства:

  • гранично-отгоре в стил - горната граница на типа линия;
  • гранично-десния стил - вида на линия, точно на границата;
  • гранично-отдолу-стил - вида на линията на долната граница;
  • гранично-ляво стил - вида на линия наляво граница.

цените на имотите са ключовите думи:

  • никой - няма граница (по подразбиране);
  • пунктирана - в рамка гранична линия, състояща се от точки;
  • пунктирана - пунктирана линия;
  • твърдо вещество - плътна линия;
  • двойно - двойно непрекъсната линия;
  • жлеб - граница се появява "депресия" линия (имитира обем);
  • хребет - граница показва "изпъкнал" линия;
  • добавям - на границата се показва, така че цялата единица изглежда по-ниско;
  • начало - цялата единица изглежда изпъкнало.

Вижте примера: