CSS+-+Како+да...?


 * Претходно: ** CSS - Име и класа Id ** Почеток: ** CSS Туторијал ** Следно: ** CSS - Позадина

Кога пребарувачот ја чита дизајнираната страница, ќе го форматира документот спрема страницата.

**Три начини за внесување на CSS**

Постојат три начини за внесување на дизајнирана страница:
 * External style sheet (Надворешно дизајнирана страница)
 * Internal style sheet (Внатрешно дизајнирана страница)
 * Inline style (Вградени дизајни)

**Надворешни дизајнирани страници**

Надворешна дизајнирана страница е идеална кога дизајнот е нанесен на повеќе страници. Со надворешно дизајнирана страница, можете да го промените изгледот на цел веб сајт со сменување само на една датотека. Секоја страница мора да се поврзува со дизајнираната страница користејќи го тагот. Овај таг оди во внатрешноста на главниот дел:



Надворешна дизајнирана страница може да биде напишана во било кој уредувач на текст. Датотеката не треба да содржи ниеден html таг. Дизајнираната страница треба да се снима со .css екстензија. Пример на датотека со дизајнирана страница е прикажана подолу:

hr {color:sienna;}

p {margin-left:20px;} body {background-image:url("images/back40.gif");}

**Внатрешно дизајнирани страници**

Внатрешно дизајнираните страници би требало да се се користат кога еден документ има единечен дизајн. Внатрешнте дизајни се дефинираат во главниот дел од HTML страницата, со користење на таг, пример:

hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");}

Вградени дизајни
Вградените дизајни губат многу од предноста на дизајнираните страници со мешање на содржината со презентацијата. Користете го овај метод повремено!

Да би ги користеле внатрешните дизајни користете го атрибутот на стилот во битниот таг. Атрибутот на дизајнот може да ја содржи било која CSS особина. Примерот покажува како да ја променете бојата и левата ивица на пасосот:

This is a paragraph.

**Повеќе дизајнирани страници**

Ако некои својства се поставени за истиот селектор на различна дизајнирана страница, вредностите ќе бидат проследени од поспецифичниата дизајнирана страница. На пример, надворешна дизајнирана страница ги има следните својства за селекторот h3:

h3 { color:red; text-align:left; font-size:8pt; }

И внатрешно дизајниранта страница ги има следните својства за селекторот h3:

h3 { text-align:right; font-size:20pt; }

Ако страницата со внатрешно дизајнираната страница исто така се поврзи на надворешната дизајнирана страница, својствата за h3 ќе бидат:

color:red; text-align:right; font-size:20pt;

Бојата е наследена од надворешно дизајнираната страница, а распределбата и големината на текстот е заменета од внатрешно дизајнираната страница.

**Повеќе дизајни вклопени во еден**

Дизајните може да бидат специфични:
 * внатре во HTML елементот
 * внтаре во главниот дел од HTML страницата
 * во надворешната CSS датотека.

Генерално зборувано можеме да речеме дека сите дизајни ќе се „вклопат“ во нова „виртуелно“ дизајнира страница со следните правила, каде бројот 4 има најголема важност:


 * 1) Основен пребарувач
 * 2) Надворешно дизајнирани страници
 * 3) Внатрешно дизајнирани страници (во главниот дел)
 * 4) Вградени дизајни (внатре во HTML елементот)

Па, вградениот дизајн (внатре во HTML елементот) ја има најголемата важност, што значи дека ќе го игнорира дизајнот дефиниран внатре во тагот, или во надворешната дизајнирана страница, или во пребарувачот.


 * Претходно: ** CSS - Име и класа Id ** Почеток: ** CSS Туторијал ** Следно: ** CSS - Позадина