Поиск по сайту:
Люди — это малые боги (Г. Лейбниц).

Что такое: CSS

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (3 оценок, среднее: 2,33 из 5)
Загрузка...
11.10.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.

Читать  Удалить строку запроса UTM от Google Analytics в Nginx

Пример:

#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.

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

Читайте также

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Рекомендуемое
В теме WordPress, Хуки представляют собой функции, которые могут быть применены…

Спасибо!

Теперь редакторы в курсе.