Список материалов для самостоятельного изучения

• http://elearn.oknemuan.ru/
• http://www.i2r.ru/static/479/out_19595.shtml
• http://itfn.ru/articles/webdesign/frame-site/
• http://marvic.ru/zapiski/verstka/chto-luchshe-div-ili-table-moi-otvet
• http://dev.by/blog/7824
• http://ru.html.net/tutorials/css/lesson8.php
• http://www.codenet.ru/webmast/js/javascript/glava1_2.php
• http://www.codenet.ru/webmast/js/javascript/glava1_2_1.php
• http://htmlbook.ru/html/attr/common
• http://htmlbook.ru/css/clear
• http://htmlbook.ru/css/float

CSS3. Селекторы

Селекторы элементов (type selectors). Селекторы класса (class selectors). Селекторы идентификаторов (ID selectors). Селекторы потомков (Descendantselectors). Селекторы дочерних элементов (Childselectors). Универсальные селекторы (Universal selectors). Селекторы братских элементов (Adjacentsiblingselectors). Селекторы атрибутов (Attributeselectors). Селекторы псевдоклассов (Pseudo-classes). Селекторы псевдоэлементов (Pseudo- elements).

В самом начале лекций, посвященных теме каскадных таблиц стилей, была приведена таблица различных селекторов, указанных в ней видов достаточно для большинства операций. Тем не менее, спецификация W3C описывает большее количество типов селекторов, рассмотрению которых и будет посвящена данная лекция.

Селекторы элементов

Наиболее простой для понимания вид селекторов, при его использовании стиль будет применен ко всем встречающимся в html - документе соответствующим элементам.

Пример

Стиль: p {color: red}

В следующем ниже коде контент, к которому будет применен указанный стиль, выделен красным:

<div>

<ul>

<li>some text <p>red text</p></li>

<li>some text part 2</li>

<li>some text part 3</li>

</ul>

</div>

<div>

<table>

<tr>

<td> table 1.1</td>

<td>table 1.2.1 <p>red text</p></td>

</tr>

<tr>

<td>table 2.1</td>

<td>table 2.2</td>

</tr>

</table>

</div>