Интересные возможности CSS

Автор: Aport Вторник, Январь 27th, 2015 Нет комментариев

Рубрика: Разное

Есть различные варианты присвоения стилей, например:

<style type="text/css">

div#m {font-weight:bold}
#id_style {text-align:
center;}

.myredclass {color:red}

</style>

<div id="m">Это мой уникальный полужирный Див!</div>

<p id="id_style">А это мой текст
по середине!</p>
<p class="myredclass">А это мой красный параграф!</p>

Строка вида : div#m {font-weight:bold}
- действует только если в теге <div> будет прописан id=»m«

Строка вида : #id_style {text-align: center;} будет работать в любом теге, в котором прописан id=»id_style«

Строка вида : .myredclass {color:red}
создает класс и будет работать в любом теге, где прописан класс class=»myredclass«

C самым легким разобрались, а теперь примерчик посложнее:

<style type="text/css">
span.my_class
{font-size: 300%;}
.red_border td
{border-bottom: #FF3838 5px solid;}
</style>
<table border="1"
width="90%" class="red_border">
<tr>
<td>1</td>
</tr>
<tr>

<td>
<span
class="my_class">жирный текст</span>

</td>
</tr>
</table>

В вышеприведенном примере только у таблицы с классом red_border будут
нижние границы ячеек td иметь крассный цвет
а все элементы span, имеющие класс my_class, будут
выделяться жирно.

 

Источник: yapro.ru

 

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты