ЦСС: повезивање са Веб документом

Учење ЦСС-а је следећи након ХТМЛ-а и неопходан корак у савладавању веб програмирања. Ова технологија значајно проширује могућности распореда Интернет страница, а такође и скраћује време рада дизајнера дизајна на пројекту, смањује количину кода. Тема је лако разумљива, а укључивање ЦСС фонтова не ствара потешкоће студентима.

Цасцадинг Стиле Схеетс

ЦСС (енгл. Цасцаде Стиле Схеетс - Цасцадинг Стиле Схеетс) је означни језик за веб странице на којима је Хаакон Виум Ли почео радити 1994. године.

Године 1996, његов рад је препознат од стране Ворлд Виде Веб Цонсортиум В3Ц, објављена је прва верзија ЦСС1. Од тада, језик је доживио промјене и прилагођавања у правцу побољшања и побољшања.

Коришћењем ЦСС-а, повезивање са ХТМЛ кодом допуњује и проширује могућности последњег:

• промену текста на страници чим маште дизајнера. У исто време, функционалност је шира него чак и међу таквим мастодонтима међу текстуалним уредницима као што су МС Ворд или ЛибреОффице;
• дозвољава вам да примените форматирање на велике документе или на значајан број њих унутар истог сајта, због чега вебмастери праве мање труда и времена;
• пошто је количина кода смањена, повећава се брзина учитавања страница, што је веома важно за кориснике са спором или ограниченом везом;
• има алате за цросс-бровсер лаиоут - веома важан фактор када се повећавају типови уређаја са могућношћу приступа Интернету (гаџети).

Тренутно коришћени ЦСС4, који ради у тандему са ХТМЛ5, задовољава све потребе модерног веб сајта. Многи ИТ стручњаци вјерују да је ЦСС4 достигао врх свог развоја, а сљедеће верзије неће бити објављене - оне нису потребне.

Синтакса

ЦСС веза са ХТМЛ ознаком врши се преко пара ознака , унутар које је постављена инструкција за понашање елемента на веб страници, која има сљедећу синтаксу:

p {text-indent: 5%;} 

Примјеном овог стила на ознаку

, у целом документу, параграфи ће бити увучени 5% од почетка линије.

Конструкција се назива стилска декларација и мора бити постављена у заглављу веб документа који садржи техничке информације између ознака. . Структура ове декларације стила за ознаку

је ово:

1. п - идентификатор.
2. тект-индент је својство стила.
3. 5% - вредност имовине.

Ово су посебни појмови, дефиниције које се користе у уџбеницима који су уобичајени међу програмерима. Требало би да запамте!

Рад са фонтом

Информације у облику текста је оно што ће 99% посјетилаца будућег сајта доћи у потрази за потребним подацима. Стога, читљивост фонта, његова естетика и лакоћа визуелне перцепције играју важну улогу за присуство ресурса. ЦСС веза овде ће бити акција која је у стању да испуни наведене захтеве.

Технологија манипулације фонтовима има богату алатку. Најјаснији у облику табеле је да обезбедите други начин за повезивање ЦСС фонтова за ознаку.

који поравнава текст:

Пример како ће прегледач приказати сваку декларацију стила:

Бројни стилови се користе за рад са текстом. Комплетан списак њих, њихова сврха, њихова својства и вредности могу се наћи у ЦСС референтним књигама.

Ектернал цсс филес

ЦСС веза се може извршити преко спољних датотека. У овом случају, осим главног ХТМЛ документа, документ са стиловима се креира одвојено и налази се у истом директорију као и сам ХТМЛ документ. Њихов број може бити било који. Алгоритам за повезивање спољних ЦСС датотека састоји се од само два корака:

1. У уређивачу текста креирајте документ са стиловима, наведите екстензију за то .цсс. Са овом ознаком није наведено.
2. У ХТМЛ документу у заглављу документа (између ознака ) морате да погледате ову датотеку користећи следећу конструкцију:

    ​ 

Уместо стиле.цсс, морате навести адресу датотеке. У овом случају, адресирање може бити и апсолутно и релативно. Предности су очигледне:

• спољне датотеке могу се применити на било који број веб страница унутар сајта;
• ако наведете апсолутно адресирање, затим на неколико локација. Очигледно, са овим, ознака се пише једном и нема потребе да се прописује стил за сваку страницу;
• када програмер користи ову методу, крајњи корисник неће моћи да види ЦСС код. На тај начин можете заштитити своју креативност од плагијата.

Осим тога, када радите са кодом за означавање, дизајнер изгледа прави грешке. Лакше их је пронаћи и поправити у засебној датотеци мале величине него у обично незграпном ХТМЛ коду.

Коришћење ЈаваСцрипт технологије

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

Опет, уместо стиле.цсс, уписује се релативна или апсолутна адреса спољне датотеке са .цсс екстензијом .

Овај метод ће бити детаљније проучаван при проучавању програмирања у ЈаваСцрипту. Помињање њега овде је присилна журба напред, али неопходна за рад са текстовима на овом нивоу.