css · 2020-01-24 · css за да се примени во некој html документ...

CSS за да се примени во некој HTML документ мора да се поврзе на некој начин со него

Тоа може да се направи на четири различни начини:

- во линија со HTML таг(вметнат стил)

-внатре во HTML фајл(внатрешен стил)

-надвор од HTML фајл(надворешен стил)

-со комбинирање на претходните три

2Уредување на веб страници -

Наце Буѓони

3Уредување на веб страници -

Наце Буѓони

4Уредување на веб страници -

Наце Буѓони

5Уредување на веб страници -

Наце Буѓони

Кога се употребува вметнат стил нема посебен селектор затоа што селектор е самиот таг каде што се вметнува стилот

Кога се употребува внатрешен стил тогаш тој се пишува во HEAD секцијата на HTML програмата со тоа што започнува и завршува со елементот <style>,</style>

Кога се употребува надворешен(екстерен) стил тогаш се пишува посебен CSS фајл кој во името треба да содржи наставка .css

6Уредување на веб страници -

Наце Буѓони

При употреба на надворешен стил треба да се одбегнува името на css фајлот да биде css.css затоа што некои експлорери таквото име нема да го разберат како надворешен стил

Надворешниот стил е физички одвоен од останатиот HTML код и затоа треба да се поврзе со него

7Уредување на веб страници -

Наце Буѓони

Тоа се прави со тагот link и атрибут href во рамките на HEAD секцијата за да се дефинира патеката до надворешниот стил

На овој начин HTML страницата е потполно ослободена од стилот

Целата содржина на надворешниот фајл поединечно се вчитува и на тој начин станува достапна на HTML страницата

8Уредување на веб страници -

Наце Буѓони

Користејќи надворешен стил е овозможено во една иста страница(HTML) да се вчитаат повеќе различни стилови со поединечни link тагови

Со комбинација на претходно споменатите правила се овозможува да во една страница може да се користи било каква нивна комбинација

9Уредување на веб страници -

Наце Буѓони

Тој начин на пишување стилови во пракса ретко се користи

Многу е важен и редослед на вчитување на стилови.Тоа значи дека ако во HEAD секцијата на документот се вчитаат два надворешни стила stil1.css, stil2.css а се однесуваат на исти елементи тогаш ќе се примени оној што е последен напишан

10Уредување на веб страници -

Наце Буѓони

Покрај претходно опишаните начини за интегрирање на CSS фајл во HTML страница постои уште еден начин за такво нешто

Тоа се реализира со примена на правилото @import во општата синтакса како во следниот пример:

11Уредување на веб страници -

Наце Буѓони

Со правилото @import всушност некој стил со зададена url адреса го интегрираме во некој наш стил кој сме го напишале

12Уредување на веб страници -

Наце Буѓони

13Уредување на веб страници -

Наце Буѓони

14Уредување на веб страници -

Наце Буѓони

15Уредување на веб страници -

Наце Буѓони

16Уредување на веб страници -

Наце Буѓони

Напишете HTML програма во која ќе употребите внатрешен стил кој пред се ќе врши влијание врз форматирање на текст

Напишете HTML програма во која ќе употребите надворешен стил кој пред се ќе врши влијание врз форматирање на текст

Напишете HTML програма во која ќе употребите и внатрешен стил и надворешен стил кои пред се ќе вршат влијание врз форматирање на текст

17Уредување на веб страници -

Наце Буѓони

Проф.Ставревски Ненад

18Уредување на веб страници -

Наце Буѓони