Архив метки: html

Как прижать подвал (footer) к низу экрана

footer-down

Всем привет!

Сайт выглядит эстетично, если все его элементы находятся на своих местах. Однако часто бывают случаи, когда все вроде бы нормально, но что-то все-таки не так... Например, если страница короткая, футер не прижат к низу страницы, а находится там, где ему и положено — после основного блока сайта. Это смотрится не очень красиво.

Поэтому сегодня мы поговорим с вами о том, как прижать подвал сайта к нижней границе окна браузера.

Читать полностью

Комментарии отключены

Что такое DOCTYPE и с чем его едят?

doctype

Каждый, кто имеет дело с html-кодом, верстает или пока еще только учится верстать сайты, просто обязан знать о том, что в начале каждой HTML страницы перед тегом должен стоять тег DOCTYPE.

Именно о нем то мы сегодня и поговорим с Вами.

Тег DOCTYPE (Document Type Definition) в начале HTML страницы указывает на тип документа, который вы будете использовать при написании HTML-кода страницы. Это непарный тег, то есть у него нет закрывающего тега.

Читать полностью

Комментарии отключены

Строчные элементы веб-страницы

Строчные элементы

В предыдущей статье мы с Вами разобрались с основами использования блочных элементов web-страниц.

Теперь пришла пора рассказать Вам о строчных элементах. Это тоже очень важно.

Если не понимать различия между этими типами элементов, то будет довольно проблематично использовать эти элементы на практике.

Строчные и блочные элементы страницы очень хорошо дополняют друг друга. И знать, как их правильно использовать должен каждый веб-мастер.

Давайте начнем.

Читать полностью

Комментарии отключены

Блочные элементы веб-страницы

Блочные элементы

Многим начинающим веб-мастерам очень тяжело разобраться со структурой HTML документа. А именно понять — из каких элементов страница состоит, как эти элементы комбинировать и какие свойства поддерживает тот или иной элемент.

На самом деле ничего сверхъестественного здесь нет и все намного проще, чем кажется. Нужно просто знать к какому типу относится тот или иной элемент web-страницы.

Существует два основных типа элементов страницы: блочные и строчные. Каждый из них имеет свои свойства.

И сейчас мы разберем, для чего нужны блочные элементы, какими свойствами они обладают и как наиболее эффективно их использовать создании структуры HTML кода веб-страниц.

Читать полностью

8

Наследование и приоритеты CSS стилей

Наследование и приоритеты css

Итак, мы продолжаем изучать основы применения каскадных таблиц стилей css.

Наверняка у каждого из Вас была такая ситуация, что прописываешь какие-нибудь css инструкции для элементов сайта, а они никак не хотят применяться.

В основном это происходит из-за применения основных принципов применения css стилей — наследования и каскадирования.

То есть, к элементу может иметь отношение несколько css свойств, которые конфликтуют друг с другом (имеют разные значения). Естественно, все они примениться не могут. Применяется именно та css инструкция, которая имеет более высокий приоритет.

Но как же тогда определить, какая инструкция имеет больший приоритет? И как задать нужной нам инструкции больший приоритет, чтобы применилась именно она, а не какая-нибудь другая? Об этом мы и поговорим в этой статье.

Читать полностью

Комментарии отключены

Как привязать CSS стили к HTML коду интернет страницы

Привязка css к html

Всем доброго времени суток.

Итак, в одной из предыдущих статей мы с Вами познакомились с основами использования каскадных таблиц стилей CSS.

Но мы не рассмотрели один очень важный вопрос. А именно — как привязать CSS стили к HTML коду страниц нашего сайта.

Этот вопрос на самом деле очень важный. Ведь если мы неправильно привяжем css стили к страницам нашего сайта, то мы не сможем этими стилями пользоваться. Браузер будет просто их игнорировать и мы не увидим результата, который дает использование тех или иных стилей.

Привязать CSS стили к коду страницы можно разными способами и сегодня мы постараемся рассмотреть их все.

Давайте начнем.

Читать полностью

11

Селекторы CSS — как адресовать свойства в каскадных таблицах стилей

Селекторы css

В предыдущей статье мы с Вами познакомились с основами использования каскадных таблиц стилей CSS. Теперь переходим к более детальному рассмотрению css-форматирования.

И самое важное при использовании каскадных таблиц стилей CSS — это правильно адресовать те или иные свойства, чтобы описанные нами стили применялись именно там, где нам нужно, а не где попало.

У начинающих веб-мастеров часто бывает такое, что прописываешь какое-нибудь свойство в таблицах CSS, а оно применяется совсем не там, где нужно.

Это происходит из-за неправильной адресации данного свойства. Сегодня мы научимся устранять эту проблему — научимся правильно адресовать css-стили.

Итак, поехали!

Читать полностью

Комментарии отключены