Блог Vaden Pro

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

CSS

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

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

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

Вы здесь
Фон на весь экран

Как установить фоновую картинку на весь экран?

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

Кроссбраузерная кнопка на button

Кроссбраузерная кнопка на button

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

Выравнивание блоков по вертикали

Выравнивание блоков по вертикали

В статье рассказывается, каким образом производится выравнивание блока вдоль оси ординат или, проще говоря, по вертикали. Сегодня мы поговорим о том, каким образом производится выравнивание блока вдоль оси ординат или, проще говоря, по вертикали,…

Поиск с кнопкой внутри

Как сделать поле для поиска с кнопкой внутри?

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

Кнопка с градиентной заливкой

Как сделать кнопку с градиентной заливкой?

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

Анимация на фоне

Как установить анимацию на фоне?

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

замена cellpadding

Каким заменить cellpadding на CSS-свойство?

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

строчки таблицы меняют цвет

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

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

центровка таблицы

Как расположить таблицу по центру экрана?

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

Как установить цвет ссылки

Как задать цвет посещённой ссылки?

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

Страницы