...
WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Что такое CSS и как он влияет на WordPress?

45

Если вы запустите сайт WordPress, вы обязательно встретите термин «CSS». В этом посте вы узнаете, что такое CSS и как он влияет на ваш сайт.

Это краткий обзор, поэтому вы не будете учиться писать CSS, но вы поймете его место в Интернете и на своем сайте.

Что такое CSS?

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

Взгляните на этот снимок экрана IMDb.com:

Что такое CSS и как он влияет на WordPress?

Скриншот 1: IMDb

Теперь сравните это с этим снимком экрана IMDb с выключенным CSS:

Что такое CSS и как он влияет на WordPress?

Снимок экрана 2: IMDb – без CSS

Не так уж и красиво, правда?

Содержание – слова, ссылки и т.д. – в обоих примерах абсолютно одинаково. Отличие – очевидное отсутствие укладки.

На снимке экрана 2 вы можете увидеть список ссылок, которые обычно выглядят как меню.

Когда я сказал, что CSS используется для стилизации веб-страниц, я имел в виду, что это ТАКОЙ способ стилизации веб-страниц. Без него все сайты выглядели бы как на скриншоте выше. Возникает вопрос, что мы видим на этом скриншоте?

Создан с использованием HTML, стилизован с помощью CSS

Чтобы понять место CSS в Интернете, вам нужно знать о HTML.

Вот как выглядит необработанный HTML для той же части домашней страницы IMDb:

Что такое CSS и как он влияет на WordPress?

Снимок экрана 3: IMDb – HTML

На снимке экрана 3 вы видите HTML-код, который часто называют «исходным кодом». Это то, из чего сделаны сайты. Это то, что читает ваш браузер и что видит робот Googlebot при сканировании вашего сайта.

Когда вы посещаете веб-страницу, ваш браузер берет необработанный HTML (снимок экрана 3) и отображает пригодную для использования веб-страницу (снимок экрана 2). Если есть файлы CSS, они загружаются и используются для стилизации веб-страницы (снимок экрана 1).

CSS с WordPress

Таким образом, веб-сайты созданы с помощью HTML и стилизованы с помощью CSS. Ваш сайт WordPress ничем не отличается.

На практике полезно знать, что HTML используется для добавления содержимого на страницу, а CSS всегда используется для его стилизации. Любые изменения стиля, которые вы можете захотеть внести на свой сайт – увеличить размер логотипа, изменить цвет фона и т.д. – будут выполняться с помощью CSS.

Надеюсь, вы нашли это полезным для понимания CSS и его места на вашем сайте. Если у вас есть вопросы, пишите в комментариях ниже.

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

Источник записи: www.competethemes.com

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