3.8.2 Стили сайта

Весь внешний вид сайта описывается в файле setinstyle.css, который хранится на сервере в папкеcss/cms.

• Первыми описываются глобальные селекторы, такие как htmlиbody. Их следует обнулить т.е. указать минимальные значения для отступов и других свойств. Делается это для того, чтобы браузеры, которые имеют собственныеcssнастройки, не изменили стиль сайта.

• Далее указываются настройки для общих селекторов, которые не используют классы. Это такие селекторы как p– абзац,h1,h2,h3,h4 – заголовки разных уровней,a– ссылки,a:hover– ссылки при наведении мышкой, и др. Здесь указываются параметры для текста и отступов:

Margin – внешний отступ

Padding – внутренний отступ

Color– цвет текста

Font-size– размер текста и др.

• В стилях используется селектор ul:not([class]), где :not([class]) обозначает, что стиль должен применяться ко всем тегам ul, которые не обозначены никакими классами.

• Селекторы, перед которыми стоят точки обозначают классы, которые применялись к каким-либо html-тегам. Их создают, чтобы определить стиль для конкретного элемента.

• В некоторых случаях необходимо к разным селекторам применить одинаковые стили. Для экономии места следует селекторы записывать через запятую.

input, textarea, select{

width: 220px; (ширина элемента)

}

• Если необходимый селектор не имеет класса / идентификатора, но к нему необходимо применить свойство указываются все селекторы, начиная от родительского.

.main_menu .level-0 li:hover .level-1{

display:block; (определяет, как элемент показан)

position:absolute; (Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице)

top: 70px; (позиционирует элемент относительно верхнего края)

left: 0px; (позиционирует элемент относительно левого края)

z-index:100; (позиционирует элемент относительно осиz, т.е. наложение элементов друг на друга)

width:192px; (ширина элемента)

font-size:15px; (размер текста)

line-height:1.3em; (межстрочный интервал)

background-color:#533c29; (цвет фона)

border-top:0; (размер верхней границы)

}