Фоном на сайте может выступать как какой-то цвет, так и какое-то изображение. В обоих случаях возможны дополнительные параметры. Фон делает дизайн уникальным, запоминающимся, и потому современный сайт уже не может обойтись обычным одноцветным фоном. Здесь нужно что-то оригинальное и необычное. Рассмотрим в этой статье, как создаётся и редактируется фон CSS, и какими возможностями мы располагаем при изменении дизайна.
Фон CSS и свойство вackground
background является основным параметром для объявления фона и его свойств. Его можно использовать в одиночку, чтобы задать фон CSS с определёнными качествами. Либо можно применить его составляющие. В шаблонах WordPress распространены следующее параметры:
background-attachment
Определяет, будет ли фон перемещаться вместе со скроллом браузера или нет. Принимает следующее свойства: scroll – фон будет двигаться вместе со скроллом и fixed – фон останется неподвижным. Второе особо красиво смотрится, когда в качестве фона выбрано изображение. Это называется ещё параллакс эффект, и об этом вы можете узнать в этой статье.
background-color
Это свойство задаёт цвет фона. Можно написать название цвета, например, black, использовать RGB или шестнадцатеричное свойство цвета. Также фон CSS через этот параметр можно сделать прозрачным, используя свойство transparent.
background-image
Если необходимо указать в качество фона картинку, то следует использовать это свойство. Фон CSS в этом случае записывается после установки параметр url, а за ним пишется адрес до изображения.
background-repeat
Если в качестве фона используется текстура, то её необходимо повторить многократно. Для этого фон CSS использует указанный параметр, который может иметь свойство repeat – повторять или no-repeat – не повторять. Можно определить направление повторения по вертикали или горизонтали свойствами repeat-y или repeat-x, соответственно.
Кроме описанных, фон CSS может использовать и другие параметры, но эти являются самыми частыми. И используя на практике WordPress, вы столкнётесь именно с такими параметрами. Их вы можете найти в файле style.css, который присутствует в каждом шаблоне. Таким образом, если вам будет необходимо внести изменения в установленный дизайн сайта, вы сможете сделать это самостоятельно, профессионально используя язык CSS. Не забудьте перед этим сделать резервную копию файла стилей.