Upload
others
View
11
Download
0
Embed Size (px)
Citation preview
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Уредување на веб страници -
Наце Буѓони