Правда — качество, крайне редко встречаемое в эпитафиях (Г. Торо).

Что такое: CSS

1 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (6 оценок, среднее: 4,31 из 5)
Загрузка...
11 октября 2015
Что такое: 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 на веб-странице, но в разных разделах. Например, Н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;
}

Дополнительное Чтение

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Просмотров: 519

Если статья понравилась, то поделитесь ей в социальных сетях:

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

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close