Последние новости:

Поиск по сайту:

Программирование - это неестественный процесс. (Алан.Дж.Перлис)

Что такое: CSS

1 мин для чтения
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 оценок, среднее: 3,00 из 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.

Пример:

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

Читать  Нагрузочное тестирование WordPress Multisite
Если статья понравилась, то поделитесь ей в социальных сетях:

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

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

**ссылки nofollow

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Статьи партнеров:

Рекомендуемое
В теме WordPress, Хуки представляют собой функции, которые могут быть применены…
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

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

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

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

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

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

close

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

close