Что такое: CSS

CSS или каскадные таблицы стилей — это язык таблиц стилей, используемый для определения визуального внешнего вида и форматирования HTML-документов. Темы WordPress используют CSS и HTML для вывода данных, созданных WordPress. Каждая тема WordPress содержит style.cssфайл, который имеет правила стиля для определения форматирования страниц, созданных WordPress.

CSS очень прост в использовании и легко учится. Существует множество веб-сайтов, в которых публикуются учебники CSS для начинающих, которые могут помочь новому пользователю WordPress начать работу. Однако, поскольку он очень прост в использовании, многие пользователи WordPress могут понять основы, просто взглянув на style.css файл темы WordPress .

Пример:

body {

font-size:14px;

color:#444;

background-color:#FFFFFF;

}

h1{

font-size:18px;

text-transform:uppercase;

}

.post-title {

font-size:16px;

color:#4C0000;

font-weight:normal;

}

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

Пример:

<divid="header">

<h1class="blog-title">

<ahref="<?php bloginfo('url'); ?>" title="<?phpbloginfo('name'); ?>"><?phpbloginfo('name'); ?></a>

</h1>

</div>

HTML, показанный выше, содержит идентификатор с именем «header» и класс под названием «blog-title» . Эти разделы могут быть написаны в CSS.

Пример:

#header {

background-color:#4C0000;

height:120px;

width:100%;

padding:20px;

}

h1.blog-title a {

font-color:#FFFFFF;

font-size:16px;

font-family: Georgia,"Times New Roman",serif;

text-decoration:none;

}