Как изменить 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 минут вы можете в самообразование, то переходите по ссылке и читайте следующую нашу статью: Заработок на статьях
[ninja-inline id=3280]
Понравилось? Жми “Мне Нравится“
Оставьте комментарий к этой статье ниже
