Что такое CSS и как он влияет на WordPress?
Если вы запустите сайт WordPress, вы обязательно встретите термин «CSS». В этом посте вы узнаете, что такое CSS и как он влияет на ваш сайт.
Это краткий обзор, поэтому вы не будете учиться писать CSS, но вы поймете его место в Интернете и на своем сайте.
Что такое CSS?
CSS используется для стилизации веб-страниц. Он написан исключительно для того, чтобы изменить представление веб-сайта.
Взгляните на этот снимок экрана IMDb.com:
Скриншот 1: IMDb
Теперь сравните это с этим снимком экрана IMDb с выключенным CSS:
Снимок экрана 2: IMDb – без CSS
Не так уж и красиво, правда?
Содержание – слова, ссылки и т.д. – в обоих примерах абсолютно одинаково. Отличие – очевидное отсутствие укладки.
На снимке экрана 2 вы можете увидеть список ссылок, которые обычно выглядят как меню.
Когда я сказал, что CSS используется для стилизации веб-страниц, я имел в виду, что это ТАКОЙ способ стилизации веб-страниц. Без него все сайты выглядели бы как на скриншоте выше. Возникает вопрос, что мы видим на этом скриншоте?
Создан с использованием HTML, стилизован с помощью CSS
Чтобы понять место CSS в Интернете, вам нужно знать о HTML.
Вот как выглядит необработанный HTML для той же части домашней страницы IMDb:
Снимок экрана 3: IMDb – HTML
На снимке экрана 3 вы видите HTML-код, который часто называют «исходным кодом». Это то, из чего сделаны сайты. Это то, что читает ваш браузер и что видит робот Googlebot при сканировании вашего сайта.
Когда вы посещаете веб-страницу, ваш браузер берет необработанный HTML (снимок экрана 3) и отображает пригодную для использования веб-страницу (снимок экрана 2). Если есть файлы CSS, они загружаются и используются для стилизации веб-страницы (снимок экрана 1).
CSS с WordPress
Таким образом, веб-сайты созданы с помощью HTML и стилизованы с помощью CSS. Ваш сайт WordPress ничем не отличается.
На практике полезно знать, что HTML используется для добавления содержимого на страницу, а CSS всегда используется для его стилизации. Любые изменения стиля, которые вы можете захотеть внести на свой сайт – увеличить размер логотипа, изменить цвет фона и т.д. – будут выполняться с помощью CSS.
Надеюсь, вы нашли это полезным для понимания CSS и его места на вашем сайте. Если у вас есть вопросы, пишите в комментариях ниже.
Раскрытие информации: этот пост может содержать партнерские ссылки. При покупке продукта по одной из этих ссылок мы получаем комиссию без каких-либо дополнительных затрат для вас.