Мы уже изучили в одном из уроков как скрывать элементы с помощью свойства "visibulity", теперь пора познакомить вас с еще одним параметром, который называется: "display", это свойство уже весьма пошире и применять его можно не только на тему видимости объектов.
У этого дисплея, есть целая куча всяких значений, но не стоит полагать что все эти значения применяются на практике, большинство из них можно вообще не знать, так как от них толку нет никакого, из бестолковых значений могу привести такие как: table-caption, table-cell, table-colump, и так далее, вообще всё что касается тэйблов в этом параметре вообще ерунда.
С чем мы будем работать в этом параметре, так это с display:block, это очень полезный и нужный приём, который даёт нам возможность переводить строчный блок, в тэг уровня блока, это можно объяснить так: допустим у нас где-то на сайте есть предложение помещенное в логический тэг < span>, этому предложению задан определённый цвет, фон и тд и мы захотели перевести его в блочный вид, задаём ему значение display:block, после этого наше предложение будет отделяться от всех остальных, на прямую конечно вот так как я вам сейчас показал, это правило редко применяется, оно нужно для других случаев, в дальнейших уроках мы посмотрим в каких.
Следующее свойство касаемо параметра display, это inline, оно работает наоборот в отличие от предыдущего свойства block. Если мы зададим какому нибудь блочному тэгу, например заголовку <h1>, значение display:inline, то он встанет в ряд со всем текстом, все отступы, которые должны быть по умолчанию у этого тэга пропадают, вы уже догоняете где и зачем это может применяться, сеошники, то-есть те люди, которые занимаются продвижением сайтов, очень любят использовать этот приём, чтобы маскировать заголовки разных уровней от посетителей, но за-то поисковые роботы очень даже хорошо замечают эти тэги, а чем больше ключевых запросов будет в заголовках первого и так до шестого уровней, тем больше шансов у сайта выйти по этому запросу в верхние страницы того же яндекса или гугла.
Ладно, давайте перейдем к следующему свойству из серии дисплея, это как раз то свойство про которое я вам говорил в том уроке по управлению видимостью объектов, но оно более удобное, так как от исчезнувшего элемента не остаётся пустого пространства на сайте.
Данное свойство пишется так: display:none, если вы придадите этот класс к какому нибудь элементу, который будет закрыт изначально в тэг <div>, то он исчезнет полностью и даже не останется поле него пустого пространства, это согласитесь, очень удобно, я например таким образом скрыл счетчик у себя на сайте, чтобы он не мозолил глаза посетителям сайта.
Вот наверное и всё что касается параметра дисплей, у него конечно есть еще и множество других параметров, но на практике они почти не применяются, если усвоить хотя бы то что я написал в этой статье, будет даже очень здорово.
Комментариев нет:
Отправить комментарий