Елементи обхващат и Разделение в HTML

С теб отново Андрю.

В следващия брой ще се фокусира върху разпределителният от отвора и DIV елемент в HTML.

Така че, за допълнителните елементи на HTML ...

Да речем, че е необходимо да се подчертае всяка една дума в текста (ако приемем, с различен цвят и фон), или да направите снимка и текст, свързани с тях, са били на върха и в дясно в клетка от таблицата, и основното съдържание на страницата, например в долната част и наляво там , По отношение на първия пример, аз казвам, че можете да направите това таг с набор от желаните параметри, но това се отнася до забранените тагове (нови браузъри не могат да го поддържат) и фонови свойства замяна не е имал.







За такива случаи има два специфичен маркер, който по принцип не правя нищо от себе си. Но с помощта на правилните стилове до него, можете да постигнете всичко. обикновено можете да използвате само две от тези тагове и прилагане на стилове към тях, за да направи цялата страница на сайта.

Каква е разликата между тях, ако те се използват за едно и също нещо?

Div елемент - е блок етикет, и то може да бъде всеки известен на нас тагове (списъци, снимки, таблици, ...).

Елемент от време - това мото, и това се отнася само за текст (изберете част от текст в различен цвят).

Стилове, които важат за таговете на данни - това е всичко, което имаме стилове на учене. Ограничения за използването на всеки стил има.

Нека да разгледаме най-стилове, които са най-характерни за тези тагове. Те се прилагат и за всички други етикети, и се използва по същия начин, те се използват по-често само с тези тагове (особено

).

Първото нещо, което бих искал да започне този с позициониране елементи.

положение - комплекти или определящи позицията на елемента.

статично - по подразбиране. Позицията на обекта се определя от съдържанието на настоящата HTML съгласно стандартните правила.







абсолютен - обект е позициониран по отношение на позицията на родителя или по отношение на тялото на обект. роднина - позицията на обекта се определя от отклонението от положението, в което се появява по подразбиране.

ляво / най - комплекти или определя позицията на елемент по отношение на левия / горния ръб.

х - брой в процент или пиксела.

авто - по подразбиране.

Този пример показва, че нашият блок с ширина 300px ще се движат до 350 пиксела и 200px наляво, по отношение на мястото, на което се оказва по подразбиране.

Следващият важен имота:

марж - стойността на заминаващи от нашия блок до съседните съоръжения на четирите страни.

марж-отгоре - задава стойността на горната част на вдлъбнатината на обекта

марж-наляво - определя размера на лявото тире на обекта

марж-надясно - задава стойността на дясната тире обекта

марж-отдолу - определя стойността на долната вдлъбнатината на обекта

Създали сме блок с маржовете около него 30px от всички страни.

С течение на това, което бих искал да се спра:

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

подложка дъно - определя размера на пространството да бъдат вмъкнати между долната граница на обекта.

подложка ляв - определя размера на пространството да бъдат вмъкнати между обекта лявата граница.

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

подложка-отгоре - определя размера на пространството да бъдат вмъкнати между горната граница на обекта.

Ние създадохме един блок от отстъп 30px от съдържанието на всички свои страни.

И нека разгледаме един пример използването на маркера :

Да предположим, че имаме вид на строителство:

Искаме да направим думата на текста на жълт фон сини букви. За да направите това, приложете го в маркер и се прилагат подходящи стилове.

Повтарям, че всички по-горе стилове са приложими не само за двамата обсъдиха DIV и педя, но също така и за всички нас е известно, HTML-тагове!

който и да е текст!

Тъй като сте били Bernatsky Андрей!

Какво е Разделение в PHP

Най-IT новини и уеб разработки на нашия канал Телеграма

Какво е Разделение в PHP

HTML5 и CSS3 практика от нула до резултата!