Что такое CSS
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 на странице, но в разных разделах. Например, элемент h1
для заголовка блога может быть оформлен по другому, чем элемент h1
для области постов на той же странице.
Пример:
<div id="header"> <h1 class="blog-title"> <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('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; }
Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520
Ответить
Хотите присоединиться к обсуждению?Не стесняйтесь вносить свой вклад!