[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как правильно описывать вложенные стили?
Владимир55
Имеется блок Footer, внутри которого находятся два блока со стилями vertikal и dva. При этом внутри последнего из них имеется еще четыре блока, для которых установлены классы Copyright, Registration, Creation и Counter. Соответственно, при описании каждого из них я строю длинную цепочку, включающую в себя имена всех классов и стилей, в который входит данный блок.

Правильно ли это?

 /* ФУТЕР ВЦЕЛОМ */
#Footer {overflow:hidden; margin:0 auto; background-size:100% 100%; background-image:url(/my-design/Footer-vertikal.gif);}

/* ФРАГМЕНТ ДЛЯ ФИКСИРОВАНИЯ ВЫСОТЫ */
#Footer .vertikal{float:left; width:1%;}
#Footer .vertikal img {width:100%; height:auto;}

/* ВСЕ ФРАГМЕНТЫ НИЖНЕГО БЛОКА */
#Footer .dva {float:left; width:98%;}

/* КОПИРАЙТ, РЕГИСТРАЦИЯ, СОЗДАНИЕ, СЧЕТЧИК */
#Footer .dva #Copyright {float:left; width:20%; margin-left:0%;}
#Footer .dva #Registration {float:left; width:30%; margin-left:8%;}
#Footer .dva #Creation {float:left; width:40%; margin-left:13%;}
#Footer .dva #Counter {float:left; width:10%; margin-left:13%;}



<div id="Footer">
<div
class="vertikal"><img src="my-design/transparent.gif" alt="Высота"> </div>
<div
class="dva">
<div
id="Copyright">Копирайт</div>
<div
id="Registration">Регистрация</div>
<div
id="Creation">Создание</div>
<div
id="Counter">Счетчик</div>
<div
class="clear"></div>
</div>
<!-- Конец блока dva -->
</div> <!-- Конец нижнего блока -->


Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.