html-css

Что такое CSS

/1 Comment/in , /by

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

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

Пример:

[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;
}
[/css]

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

Пример:

[css]
<div id="header">

<h1 class="blog-title">
<a href="<?php bloginfo(‘url’); ?>" title="<?php bloginfo(‘name’); ?>"><?php bloginfo(‘name’); ?></a>
</h1>

</div>

[/css]

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

Пример:

[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;
}
[/css]

 

Наша специальность – разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации – vadim@coma.lv, +371 29394520