html-css

Что такое 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


1 ответить

Ответить

Хотите присоединиться к обсуждению?
Не стесняйтесь вносить свой вклад!

Добавить комментарий