Telegram - канал

Подписаться

Последние статьи

С помощью данного атрибута мы можем создать подсказывающий текст для элементов input и textarea. В данной статье мы поработаем над внешним видом placeholder.

Очень часто на сайте может произойти следующая ситуация. Предположим у нас есть сайт с шапкой, контентом и футером. И на одной из страниц сайта очень мало контента. В результате мы увидим следующий результат:

Сегодня мы разберем, что такое inline-block? Это значение для свойства display, c помощью данного значения элемент будет одновременно блочным и строчным. Теперь рассмотрим, что можно сделать с блочными и строчными элементами.

Блочные (block) элементы имеют высоту, ширину, отступы, границы и располагаются друг под другом.

Строчные (inline) элементы располагаются друг за другом, данные элементы не воспринимают размеры.

Блочно - строчные (inline - block) элементы ведут себя как строчные и блочные одновременно.

Очень часто требуется у блока установить высоту 100%, но для того чтобы это сделать недостаточно установить у div высоту height: 100%.

Сегодня мы разберем псевдоэлементы: before и after. В начале переведем на русский язык, что обозначают эти понятия. Before означает “до”, а after “после”.

С помощью before мы может ставить контент до нашего элемента, а с помощью after вставить контент после нашего элемента.

Что бы было понятно разберем практический пример. К примеру, у нас есть слово “контент” и нам надо вставить слова “до” и “после”. В результате у нас должно получиться “до контент после”.

В данном статье мы рассмотрим, как правильно использовать свойство float. С помощью данного свойства можно сделать обтекание элемента слева или справа.  Некоторые элементы являются блочными и поэтому будут находиться на новой строке, а есть элементы строчные, они отображаются на одной строке.

В прошлой части мы сделали разметку для нашей шапки сайта. В данной статье мы оформим с помощью css стилей.

Если вы не читали первую часть статьи, то вот на нее ссылка.

За cтили у нас отвечает файл style.css.

В начале мы начнем с некоторых сбросов стилей. Для этого уберем все отступы, обтекания, черную точку для маркированного списка.

style.css

В данной серии уроков мы начнем верстать макет сайта. Макет можно скачать по этой ссылке. В данной статье мы будем верстать шапку сайта.

Доброго времени суток. В данной статье мы научимся подключать шрифты с помощью сервиса google fonts.

 

Для этого нам следует перейти на сайт - google fonts.

Сегодня мы создадим файл сброса стилей. В начале давайте определимся для чего нам нужен данный файл.

Каждый браузер устанавливает для html– элементов свои стили по умолчанию. Например, отступы от края браузера, цвет и подчеркивание ссылок и т.п. А с помощью сброса стилей мы можем настроить свои значения по умолчанию. Приведу не большой пример, для ссылки a (<a href="#"> Ссылка</a>) по умолчанию тест будет отображаться синим и подчеркнутым. А если появится какой – нибудь браузер и разработчики решат, что ссылка должна быть желтой и без подчеркивания.