ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)
(3 оценок, среднее: 2,33 из 5)
Загрузка...
CSS или каскадные таблицы стилей – это язык таблиц стилей, используемых для определения внешнего вида и форматирования HTML-документов. Темы WordPress с помощью CSS и HTML выводят свои данные, созданных на WordPress. Каждая тема WordPress содержит файл style.css, который имеет правила стиля, чтобы определить форматирование страниц, созданных на WordPress.
CSS очень проста в использовании и легка в освоении. Есть много сайтов, публикации CSS учебники для начинающих, которые могут помочь новому пользователю WordPress чтобы начать работать. Однако, поскольку она очень проста в использовании, многие пользователи WordPress могут понять основы, просто посмотрев на их темы WordPress в файле style.css.
Пример:
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 на веб-странице, но в разных разделах. Например, Н1 элемент Заголовок блога в разделе заголовка страницы могут быть стилизованы иначе, чем другой Н1 элемент в почтовой области одной и той же страницы.
Пример:
<div id="header">
<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>" title="<?phpbloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>
HTML – код показанный выше содержит идентификатор по имени ‘заголовок’ и класс ‘блог-Заголовок’. Эти разделы могут быть оформлены в 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;
}
