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

18

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

Page 1: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може
Page 2: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

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

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

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

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

Наце Буѓони

Page 3: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 4: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 5: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 6: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

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

Наце Буѓони

Page 7: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

Наце Буѓони

Page 8: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

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

Наце Буѓони

Page 9: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

Наце Буѓони

Page 10: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

Наце Буѓони

Page 11: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

Наце Буѓони

Page 12: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

Наце Буѓони

Page 13: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 14: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 15: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 16: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

Наце Буѓони

Page 17: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

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

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

Наце Буѓони

Page 18: CSS · 2020-01-24 · css за да се примени во некој html документ мора да се поврзе на некој начин со него Тоа може

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

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

Наце Буѓони