| Рейтинги
|
|
|
|
|
Дизайн - CSS - Описание BODY
Вставка описания стилей
Описание ТЕКСТА
Описание ССЫЛОК
Описание и назначение КЛАССОВ
Описание BODY таблицами стилей можно условно и упрощенно разделить на описание ФОНА и описание ТЕКСТА. Общий вид в HEAD:
<![CDATA[<style type=text/css>
<!--
body{background-color:#000000;
font-family: MS Sans Serif, tahoma, Verdana, Arial;
FONT-SIZE: 10px; color:#00EFFF}
-->
</style>]]>
Первым пунктом, как видите, у нас стоит "background-color:#000000;". На деле это означает, что фоном у нас будет цвет такой-то. В данном случае - черный. Можно назначить в фоне рисунок:background: url( "fon.gif"); Лучше при назначении рисунка назначать и цвет, хоть для того, чтобы при загрузке не происходило резкого скачка с белой страницы на цветную. Или, вдруг, рисунок фона не загрузится(в этом случае, скорее всего, фон уже не будет иметь значения, если он не загрузился, то все остальное и подавно не пройдет).
Так это выглядит на деле:
<![CDATA[<style type=text/css>
<!--
body{background: url( "fon.gif");
background-color:#000000;
font-family: MS Sans Serif, tahoma,
Verdana, Arial; FONT-SIZE: 10px; color:#00EFFF}
-->
</style>]]>
Кроме этого мы можем управлять размножением фонового рисунка.
Пишемbackground-repeat:значение и подставляем следующие значения:
no-repeat - не размножать (просто рис. в углу экрана).
repeat - размножить ( если не указывать "background-repeat:" вообще, то так и получится).
repeat-x - размножить по горизонтали.
repeat-y - размножить по вертикали.
Можно управлять скроллированием фона.
background-attachment:значение и значения:
fixed - фон неподвижен.
scroll - фон скроллирунтся вместе со всей страницей.
По умолчанию фон скроллируется.
Можно задать смещение фонового рисунка:
background-position: X Y - значения X и Y могут описываться как:
left, center, right или значения в px, %
Все описания фона просто перечисляются, отделяясь друг от друга точкой с запятой. Совмещая все это в разных пропорциях можно добиться многих никому не нужных эффектов. На практике, в основном, применяется только указание рисунка и цвета фона. А Нетскейп кроме этого вообще ничего больше не понимает.
<![CDATA[<style type=text/css>
<!--
body{background: url( "fon.gif");
background-color:#000000;
background-attachment:fixed;
font-family: MS Sans Serif, tahoma,
Verdana, Arial; FONT-SIZE: 10px; color:#00EFFF}
-->
</style>]]>
Далее идет описание стилей текста.
|
|
|
|
|
|
CSS