Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

CSS

Начиная разговор о CSS или Cascading Style Sheets, как будет угодно, мы вернемся во времена палеозоя интернет-эры и вспомним, что в 1996 году был принят стандарт CSS первого уровня. Это событие, по значимости, стало революционным, т.к. смогло выделить в отдельный язык все форматирование страниц, отделив его от содержания. Это в значительной степени упростило и оптимизировало работу вебмастеров. Благодаря чему, теперь не требовалось изменять, к примеру шрифтовое оформление каждого элемента, а достаточным стало изменение его в определенном классе описанном в файле CSS.

Несколькими годами позднее, в 1998м, был принят второй стандарт, основанный на первоначальных правилах, при некоторых дополнениях. Он в свою очередь позволил разработчикам повысить уровень контроля над веб-страничками до больших высот.

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

Вы здесь
Плавное изменение цвета ссылки при наведении

Как задать плавную смену цвета при наведении?

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

пунктирное подчеркивание ссылок

Как сделать пунктирное подчеркивание ссылкам?

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

Как задавать нумерацию списка

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

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

слой ссылка

Как сделать, чтобы слой целиком был ссылкой?

Здесь вы найдете ответ на вопрос, как сделать ссылкой не только строку текста, а весь блок целиком. Довольно часто необходимо сделать кликабильным не только текст ссылки, но и весь блок. Например настраивать для менюшку или прочую навигации по…

всплывающая подсказка

Добавляем всплывающую подсказку к картинке

Из этой статьи станет известно, каким образом можно подключить всплывающую подсказку для определенного элемента на странице. Довольно часто к элементам, несущим на себе смысловую нагрузку, применяют такой прием, как всплывающая подсказка. Таким…

нумерованный список с разделительными скобками

Оформляем нумерованный список с разделительными скобками

В статье приводится способ реализации решения нумерованного списка со скобками после номера элемента списка. Большинство разработчиков при оформлении основного контента своего ресурса пытаются найти способ выделиться из серой массы и по-особенному…

Способ сжатия CSS-файла

Способ сжатия CSS-файла

Из этой статьи Вы узнаете, каким образом можно быстро и без проблем сжать файл CSS, что позволит ускорить работу сайта вследствие сокращения объема внешних файлов. Как уже не раз упоминалось в статьях нашего блога, гарантированный способ ускорения…

Принцип работы сервиса Google Web Fonts

Сервис Google Fonts

В статье рассказывается о работе Google Fonts, с помощью которого можно подключать шрифты на сайт. Также приведены пояснения, как это делается. Google Fonts — специальный сервис от корпорации Google Inc., который помогает быстро, легко и бесплатно…

проверка верстки

Контрольная проверка верстки

В статье систематизирована пошаговая инструкция проверки верстки на наличие ошибок, багов и прочих недочетов. После завершение создания проекта необходима обязательная проверка на наличие ошибок, соответствие со стандартами и кроссбраузерности. Все…

Выравнивание навигационного блока по центру страницы

Выравнивание навигации по страницам

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

Страницы