как изменить CSS-стили

Как изменить CSS-стили новичку?

Как изменить CSS-стили новичку?

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

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

Основные инструменты для редактирования кода

Если необходимо просто изучить устройство блока или сайта, а также несколько их подправить со стороны «изнанки» (то есть исходного кода), то можно воспользоваться несколькими инструментами, которые доступны всем, даже просто из браузера.

В каждом современном браузере есть такие элементы в группе инструментов для веб-дизайнера (в Firefox, например, это модуль Firebug, вызываемый при нажатии клавиши F12).

Как известно, в основе веб-приложений лежит язык описания HTML, скрипты JavaScript, а также таблицы стилей CSS. Именно CSS позволяет установить стили каждого элемента сайта. Они накладывают правила вида и поведения на элементы веб-страницы и имеют формат «свойство:значение». Могут применяться для большинства HTML-тэгов. CSS можно использовать как в теле HTML-файлов, так и в виде внешних модулей. В большинстве случаев это один файл style.css, в котором описано все, что нужно для стилизации сайта.

Реже подключаются дополнительные стили – когда в веб-приложении используются дополнительные библиотеки и источником их служат другие сайты.

Редактирование стилей

Для редактирования стилей в CSS-файле нужен текстовый редактор, установленный на компьютере, запускаемый онлайн или встроенный в браузер. Если файл со стилями является внешним, то можно получить к нему доступ по протоколу FTP.

∇ Для начала редактирования необходимо найти элемент, вид которого необходимо изменить, определить его id и class, а затем уже найти эти идентификаторы в файле со стилями.

После этого можно корректировать пару «свойство:значение», изменяя параметры или внося новые записи. Это достаточно просто! Изменим, например, цвет ссылок на странице на черный, а при наведении курсора – на красный:

a {color:black}
a:hover {color:red}

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

Собственно говоря – это основной принцип действия для начинающего веб-мастера. Многие форматы значений CSS просты и логичны, а для большего эффекта достаточно под рукой иметь справочник.

Если следующие 5 минут вы можете в  самообразование, то переходите по ссылке и читайте следующую нашу статью: Заработок на статьях


Ваши Данные Надежно Защищены

Понравилось? Жми «Мне Нравится«
Оставьте комментарий к этой статье ниже


Комментарии: