CSS - Каскадни листови за стил за модерен дизајн на вашата почетна страница
Каскадните листови со стил се користат во модерниот веб дизајн за да се одделат содржината и дизајнот. Ова значи дека содржината е во HTML-кодот и дизајнот и боите се дефинирани со употреба на информации за стилови.
- централно може да се дефинира (датотека .css го одредува изгледот на целата почетна страница, промените во оваа датотека, а потоа го менуваат и приказот на целата почетна страница)
- побрзо време на вчитување, бидејќи индивидуалните HTML-страници се послаби, а централната датотека .css треба да се вчита само еднаш
- CSS е поддржан од сите прелистувачи во основните функции
- Ако прелистувачот не знае дефиниција за CSS, таа едноставно нема да биде прикажана. Страницата работи како и да е (секако не изгледа одлично, но функционалноста е задржана)
Пример за форматирање со CSS:
Текст форматиран со CSS
И вака изгледа соодветниот изворен код:
style = "background-color: # 0080FF; color: black; font-family: BankGothic Md BT; font-size: 20pt; letter-spacing: 5px; padding: 10px; text-align: center"> Текст форматиран со CSS
Делот со црвена боја е информација за CSS. Како што можете да видите, информациите за CSS се наоѓаат точно во ознаката
и ќе се даде на последниот ден
заврши повторно. Информациите за CSS влијаат само на овој дел од изворниот текст.
Но, многу е поинтересно да се контролира комплетниот дизајн на веб-страница преку надворешна CSS-датотека. Вака е интегрирана надворешна CSS-датотека:
Во заглавието на вашата HTML-датотека, додадете врска до датотеката .css.
Вака изгледа (во изворниот код):
Црвениот дел е клучен дел .css - ова е местото каде што се повикува вашата датотека.
Сега креирајте соодветна датотека .css во уредникот на Виндоус, во нашиот пример датотеката design.css со следнава содржина:
Обрнете особено внимание на продолжувањето на датотеката .css! Сега можете да ја промените датотеката design.css како што сакате.
Најлесен начин да креирате и уредувате .css датотеки е да користите Topstyle CSS уредник. Повеќе информации можете да добиете тука:
- download.chip.eu/en/TopStyle-Lite-3.10_919203.html - тука можете да го добиете бесплатниот Topstyle Lite од Чип
- и тука професионалната верзија (со трошоци): www.topstyle4.com
Има изобилство на форматирање во CSS. Овие се најдобро опишани на Selfhtml:
- wiki.elfhtml.org/wiki/CSS - Selfhtml е упатување на HTML со голема област на CSS, сите опции за форматирање се опишани прецизно и детално, а има и примери.
Постојат и тони трикови, совети и експерименти околу CSS. Следниве се најинтересните веб-страници за каскадните листови на стилот:
Со ова можете официјално да покажете дека вашата веб-страница содржи каскадни листови на стил (CSS).
Дали најдовте грешка на нашата веб-страница? Известете ни за да можеме да ја поправиме грешката!