Уроки CSS

Применение классов в CSS

В предыдущем уроке были показаны примеры применения стилей для тега. Но очень часто бывает так, что нужно применять какой-то особенный стиль только к какому-то определённому фрагменту текста или ячейки таблицы или ещё чего-нибудь. Для этого можно применить классы.

Рассмотрим простой пример с использованием css-класса для текста, который будет заключён между тегами "<p></p>" и "<i></i>" :

<style>
.my_p1 { 
font-size: 14px; 
color: #F19E2A; 
font-family: "Book Antiqua"; 
}
.my_p2 { 
font-size: 16px; 
color: Green; 
font-family: "Impact"; 
}
</style>

<p class="my_p1">Текст с применением класса <b>my_p1</b></p>
<p>Простой текст, без применения стилей.</p>
<p class="my_p2">Текст с применением класса <b>my_p2</b></p>
<i>Простой наклонный текст</i>
<br>
<br>
<i class="my_p1">Наклонный текст с применением класса - my_p1 </i>

Текст с применением класса my_p1

Простой текст, без применения стилей.

Текст с применением класса my_p2

Простой наклонный текст

Наклонный текст с применением класса - my_p1

◄ Предыдущий урок

Содержание

Следующий урок ►