ÐоведниÑаÑ: Ðзлезе дека HTML не е единÑÑÐ²ÐµÐ½Ð¸Ð¾Ñ Ñазик можеÑе да го коÑиÑÑиÑе во на веб-ÑÑÑаниÑа. ÐожеÑе да го коÑиÑÑиÑе неÑÑо ÑÑо Ñе наÑекÑва CSS, или Cascading Style Sheets, како и. CSS ви овозможÑва да одÑедиÑе Ð¼Ð½Ð¾Ð³Ñ Ð¿Ð¾Ð²ÐµÑе ÑÐ¾ÐºÐ¼Ñ Ð½Ð° еÑÑеÑикаÑа на веб ÑÑÑаниÑа, вклÑÑÑваÑÑи ÑаÑпоÑед и големини и бои и ÑонÑови и Ð¼Ð½Ð¾Ð³Ñ Ð¿Ð¾Ð²ÐµÑе. Ðа пÑимеÑ, аÑде да Ñе Ñоздаде веб-ÑÑÑаниÑа ÑÑка Ñе наÑекÑва CSS0 ÑÑо пÑеÑÑÑавÑва Ðлавна ÑÑÑаниÑа за, да ÑеÑеме, Ðон ХаÑваÑд.
Ðа оваа ÑÑÑаниÑа, Ñе имаме Ðон ХаÑваÑд име, под коÑа Ñе биде Ñбава поÑака за неговиÑе поÑеÑиÑели, под ÐºÐ¾Ñ Ñе биде подножÑеÑо, Ñо велаÑ, некои инÑоÑмаÑии за авÑоÑÑкиÑе пÑава. Ðа го напÑавиÑе ова, аÑде да го деÑиниÑаме ÑÑи дивизии за ÑÑÑаниÑа Ñо коÑиÑÑеÑе на ÑÐ°Ð³Ð¾Ñ Ð½Ð°ÑеÑен div. ÐÑвоÑена загÑада div, Ðон ХаÑваÑд, во близина загÑадаÑа div, дÑÑг оÑвоÑен загÑадаÑа div, и Ñега ние Ñе Ñе опÑедели неÑÑо како, добÑедоÑде на моÑÐ¾Ñ Ð´Ð¾Ð¼ ÑÑÑаниÑа! РаÑде да го заÑвоÑиме ова div, како и.
Ð Ñега по ÑÑÐµÑ Ð¸ поÑледен div, авÑоÑÑкиÑе пÑава. Само за да биде ÑенÑи, дозволеÑе ми да го коÑиÑÑиÑе Ñега на HTML лиÑе, Ñимбол ÐºÐ¾Ñ Ð¿ÑеÑÑÑавÑва каÑакÑÐµÑ ÑÑо не може да биде Ð¿Ð¾Ð¸Ð½Ð°ÐºÑ Ñип на ваÑаÑа ÑаÑÑаÑÑÑа. ÐÑобено, ÑÐ°Ñ Ñе одам да напÑавиÑе ÑимболоÑ, ÑÑнÑаÑа, 169, ÑоÑка-запиÑка. ÐзлегÑва дека е нÑмеÑиÑки код за авÑоÑÑкоÑо пÑаво Ñимбол. Ð¢Ð¾Ð³Ð°Ñ Ð°Ñде да наведеÑе Ðон ХаÑваÑд ÑÑка на дноÑо. ÐÑде да Ñе заÑвоÑи div и Ñа заÑÑвам даÑоÑекаÑа.
Сега, ÑÑо е ова div Ñаг? Div Ñаг едноÑÑавно деÑиниÑа поделба на ÑÑÑаниÑа, коÑа е во ÑÑÑÑина пÑавоаголни ÑегионоÑ. Ðа во Ð¾Ð²Ð¾Ñ Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð²Ð¾ вÑемеÑо, ÑÐ°Ñ Ð¸Ð¼Ð°Ð¼ ÑÑи пÑавоаголни Ñегиони, еден на вÑÐ²Ð¾Ñ Ð½Ð° дÑÑги. Ðа за Ñега, еÑекÑÐ¾Ñ Ðµ ÑеÑиÑи како иако имав ÑÑи паÑагÑаÑи. Ðо, ние нема да видиÑе ÑÐ¾Ð»ÐºÑ Ð¼Ð½Ð¾Ð³Ñ Ð±ÐµÐ» пÑоÑÑÐ¾Ñ Ð¼ÐµÑÑ Ð½Ð¸Ð².
ÐÑде да Ñе ÑпаÑи оваа даÑоÑека, пÑомени ÑвоÑÐ¾Ñ Ð´Ð¾Ð·Ð²Ð¾Ð»Ð¸, и да погледнам за Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð²Ð¾ Ð¥Ñом. Chmod a + r CSS0.html. ÐÑде Ñега Ñе оÑвоÑи Chrome и поÑеÑа http://localhost.CSS0.html. ÐÑÑÑноÑÑ, ÑÑка е поÑеÑна ÑÑÑаниÑа за Ðон ХаÑваÑд. ÐÑде Ñега Ñоа ÑÑилизиÑам Ð¼Ð°Ð»ÐºÑ Ð¿Ð¾Ð²ÐµÑе ÑÐ¾ÐºÐ¼Ñ ÐºÐ¾ÑиÑÑеÑе на некои CSS.
Ðазад во gedit, аÑде да одиме во оваа пÑва div Ñаг и додадеÑе ÑÑил аÑÑибÑÑ ÑпеÑиÑиÑиÑа дека би Ñакал еден големина на ÑонÑ, да ÑеÑеме, 36 пикÑели, или пикÑели. Ð ÑÐ°Ñ Ð±Ð¸ Ñакал ÑежинаÑа на Ð¾Ð²Ð¾Ñ ÑÐ¾Ð½Ñ Ð´Ð° Ñе биде Ñ
ÑÐ°Ð±Ð°Ñ Ð½Ð°Ð¼ÐµÑÑо ÑÑандаÑднаÑа, ÑÑо е ноÑмално. Ðа вÑоÑаÑа div, аÑде да Ñе опÑедели дÑÑг ÑÑил аÑÑибÑÑ ÐºÐ¾Ñ Ð¸Ð¼Ð° големина на ÑÐ¾Ð½Ñ Ð¾Ð´ 24 пикÑели, па Ð¼Ð°Ð»ÐºÑ Ð¿Ð¾Ð¼Ð°Ð»Ð¸. ÐаÑвоÑи ÑиÑаÑи по ÑоÑка-запиÑка.
Рна кÑаÑ, во оваа ÑÑеÑа div, аÑде да напÑавиме ÑÑил еднаква големина понÑда, ÑонÑ, и да ÑеÑеме 12 пикÑели Ñоа вÑеме. ÐаÑвоÑи ÑиÑÐ°Ñ Ð¿Ð¾ ÑоÑка-запиÑка. ÐабележиÑе ÑÐ¾Ð³Ð°Ñ Ð´ÐµÐºÐ° ÐÐ°Ñ Ñе Ñини дека Ð¸Ð¼Ð°Ð°Ñ Ð¾Ð´Ñеден Ð¼Ð°Ð»ÐºÑ Ð½Ð° ÑÑилизаÑиÑа за ÑекоÑа од овие ÑÑи divs коÑиÑÑеÑе, ÐзлегÑва CSS. ÐÑÑÑноÑÑ, ÑинÑакÑаÑа ÑÑо го гледаÑе во помеÑÑ Ð¾Ð½Ð¸Ðµ двоÑни наводниÑи е CSS, ÑпеÑиÑално CSS оÑобини Ñо вÑедноÑÑи. Рза Ñаа пÑваÑа Ñаг, каде ÑÑо имав два Ñакви ÑвоÑÑÑва, големина на ÑонÑÐ¾Ñ Ð¸ ÑÐ¾Ð½Ñ Ñежина, ÑÐ°Ñ ÐµÐ´Ð½Ð¾ÑÑавно одделени ги Ñо ÑоÑка-запиÑка.
Сега, Ñамо за добÑоÑо ÑÑил, ÑÐ°Ñ Ð¸ÑÑо Ñака Ñе вклÑÑени и запиÑки пÑи на кÑаÑÐ¾Ñ Ð½Ð° ÑÐµÐºÐ¾Ñ Ñед. Ðо Ñие не Ñе ÑÑÑого неопÑ
одни, оÑобено кога Ð¸Ð¼Ð°Ñ Ñамо еден имоÑÐ¾Ñ Ð´ÐµÑиниÑани. ÐÑде Ñега да Ñа заÑÑвам даÑоÑекаÑа и повÑоÑно во Ð¥Ñом, и да видиме ÑÑо неÑо еÑекÑÐ¾Ñ Ðµ. Ðазад во Ð¥Ñом ÑÑка, аÑде да кликнеÑе Reload.
Сега имаме Ð¼Ð°Ð»ÐºÑ Ð¿Ð¾Ð¸Ð½ÑеÑеÑна Ðлавна ÑÑÑаниÑа за Ðон ХаÑваÑд, пÑи ÑÑо пÑваÑа линиÑа Ñо неговоÑо име, кое е и во Ñоа пÑва div, е 36 пикÑели виÑока, а иÑÑо Ñака болдиÑаÑе, пÑи ÑÑо вÑоÑаÑа линиÑа, ÐºÐ¾Ñ Ðµ Ñо Ñоа, ÑÑо вÑоÑÐ¸Ð¾Ñ div, е 24 пикÑели виÑока, но не болдиÑаÑе. РпÑи ÑÑо на ÑÑеÑаÑа линиÑа Ñо Ñоа, ÑÑо ÑÑеÑÐ¸Ð¾Ñ div е 12 пикÑели виÑока, а иÑÑо Ñака не болдиÑаÑе. Ðо, пÑеÑпоÑÑавÑвам Ñега би Ñакал да Ñе пÑеÑÑÐ»Ð°Ñ ÑиÑе на Ð¾Ð²Ð¾Ñ ÑекÑÑ Ð¿ÑÐµÐºÑ ÐºÐ°ÐºÐ¾ ÑÑо Ñоа е ÑенÑÑиÑано.
ÐÐ°Ñ Ð±Ð¸ можеле да Ñе ÑÑоглаÑÐ°Ñ Ð½Ð° ÑекоÑа од поединеÑниÑе Divs како Ñе ÑенÑÑиÑани. Ðо полеÑно, би можел да завÑÑи оние ÑÑи divs внаÑÑеÑноÑÑа на ÑеÑвÑÑÐ¸Ð¾Ñ div, е ÑодиÑел div, Ñака да Ñе каже, и да го одÑедиÑе дека div и ÑиÑе негови поÑомÑи ÑÑеба да биде ÑекÑÑ Ð¿Ð¾Ð´Ñедени ÑенÑаÑ? ÐÑде да ги Ñазгледаме.
ÐнаÑÑеÑноÑÑа на gedit, да Ñе вÑаÑиме на моÑÐ¾Ñ Ñело и додадеÑе нов div до вÑÐ²Ð¾Ñ Ñо div, ÑÑил еднаква ÑиÑÐ°Ñ unquote ÑекÑÑ ÑÑоглаÑÑваÑе ÑенÑаÑ, во близина ÑиÑиÑам по ÑоÑка-запиÑка. Ð Ñега, аÑде да одиме напÑед и да алинеÑа ÑиÑе на оние линии кои ги пиÑÑвавме поÑано. Рпод Ñоа ÑÑеÑо div, аÑде да заÑвоÑи оваа нова div.
Со дÑÑги збоÑови, бидеÑÑи Ñие ÑÑи оÑигинални Divs Ñе Ñега деÑа, Ñака да збоÑÑвааÑ, на нов ÑодиÑел div и ÑÐ°Ñ ÑÑм наведÑва дека би Ñакал да Ñе ÑÑоглаÑÐ°Ñ ÑекÑÑÐ¾Ñ Ð½Ð° ÑÐ¾Ñ ÑодиÑел div во ÑенÑаÑÐ¾Ñ Ð½Ð° ÑÑÑаниÑа, на ÑÐ¾Ñ Ð¸Ð¼Ð¾Ñ Ñе биде наÑледен од ÑÑÑана на ÑиÑе оние деÑа. ÐавиÑÑина, аÑде да Ñа заÑÑвам даÑоÑекаÑа и погледнеÑе во пÑебаÑÑваÑ. ÐÑде да Ñа пÑевÑиÑаÑе во Ð¥Ñом. РеÑе ÑÑо, ÑÑÑе поÑбаво Ð¸Ð¼Ð°Ð°Ñ Ðлавна ÑÑÑаниÑа за Ðон ХаÑваÑд.