Предписват CSS стилове за всяка отделна страница на сайта е много неудобно, отнема много време и страницата ще се отвори бавно. Помислете как да се направи прехвърлянето на CSS стилове в отделен файл, който ще определи облика на всички страници на сайта. Да вземем например кода на сайта, който сме издали на CSS стилове. Веднага Изберете всички стилове контакт рецепта.

/ # Запис на стилове за хоризонтално меню # /

# tabs10 височина: 10px;
ширина: 600px;
>
# Tabs10 ул <
марж: 0;
подложка: 0px 0px 0px;
списък стил: няма;
>
# Tabs10 Li <
дисплей: инлайн;
марж: 0;
подложка: 0;

> # Tabs10 на <
плаваш: ляв;
фон: URL ( "tableft10.gif") не-повторение остави върха;
марж: 0;
подложка: 0 0 0 4px;
текстови декорация: няма;
>

# Tabs10 една педя <
плаваш: ляв;
езика: блок;
фон: URL ( "tabright10.gif") никой не се повтаря горния десен;
подложка: 1px 7px 1px 1px;
Цвят: #fff;
> / * Коментирани Обратна наклонена черта Hack крие правило от IE5-Mac \ * /

# Tabs10 една педя / * Край IE5-Mac проникна * /

# Tabs9 на: навъртам педя <
Цвят: #fff;
>

# Tabs10 на: навъртам <
фон-позиция: 0% -42px;
>

# Tabs10 на: навъртам педя <
фон-позиция: 100% -42px;
>

# Tabs10 #Current на <
фон-позиция: 0% -42px;
>

# Tabs10 #Current една педя <
фон-позиция: 100% -42px;
>

/ # Тук предписани стилове за ляв и десен високоговорител меню # на /

#navlist <
Цвят: бял;
фон: # 17а;
гранично-отдолу: 0.2em твърдо # 17а;
гранично-надясно: 0.2em твърдо # 17а;
подложка: 0 1px;
марж ляв: 0;
ширина: 12em;
шрифт: нормален 10px Verdana, безсерифен;
>

#navlist Li <
списък стил: няма;
марж: 0;
шрифта: 1em;
>

#navlist на <
езика: блок;
текстови декорация: няма;
марж-отдолу: 0.5em;
марж-нагоре: 0.5em;
Цвят: бял;
фон: # 39в;
гранично-ширина: 1px;
граница в стил: твърда;
гранично-цвят: # 5bd # 035 # 068 # 6cf;
гранично-ляво: 1em твърди # fc0;
подложка: 0.25em 0.5em 0.4em 0.75em;
>

#navlist на <
ширина: 99%; / * Само необходими за Internet Explorer * /
>

#navlist на <
Гласът семейство: ""> "";
Гласът семейство: наследи;
ширина: 9.6em; / * Tantek-хак трябва да се използва само ако Internet Explorer 6-е в стандарти съвместим режим * /
>

#navcontainer> #navlist на <
ширина: автоматичен; / * Само е необходимо, ако използвате хакове горе за Internet Explorer * /
>

#navlist на: мишката, #navlist на # ток: мишката <
фон: # 28б;
гранично-цвят: # 069 # 6cf # 5bd # fc0;
подложка: 0.4em 0.35em 0.25em 0.9em;
>

#navlist на: активен, #navlist на # ток: активен <
фон: # 17а;
гранично-цвят: # 069 # 6cf # 5bd бели;
подложка: 0.4em 0.35em 0.25em 0.9em;
> ->

/ # Предписва неподреден списък и да сключва всички връзки, които са в този списък в контейнер за хоризонталното меню # /

/ # Напиши неподреден списък за лявото меню # на /

Разделете обекта в пет блока с PHP

Счупете този код, както е казано по-горе четири части: хедър, лявото меню, място за текст и дясното меню. За по-голяма яснота, ще насочи към областите на кода. Въпреки че няма да sozdovat целия сайт с помощта на CSS стилове и да вземат и да организира само колоната дясната в CSS и капачката, лявото меню и самата страница за текста, ние няма да я докосне и да го оставите в това. Така ще видите разликата

/ # Напиши неподреден списък за меню вдясно # на /

Сега ние да прекъсне избрания част, където са всички стилове. Отвори Notepad и го поставете във факта, че ние сме копирали (нарязани) и запишете файла под името: "style.css" Естествено, файлът се записва в същата папка, която съдържа нашия сайт.

Освен това, в горната част на сайта, а не писмено предписва. който се позовава на Fi, където всички стилове и които се съхраняват като "style.css". На сайта вече е поставена и осветена.

Още веднъж, имайте предвид, че между скобите "

За някои стил -
Този изтънчен начин
говорим за един прост,
за други - лесен начин
Говорим за комплекса.
"Inpropart"