SPEAKER: Ðказва Ñе, Ñе HTML не е единÑÑвениÑÑ ÐµÐ·Ð¸Ðº, можеÑе да използваÑе вÑÑÑе на дадена Ñеб ÑÑÑаниÑа. ÐожеÑе да използваÑе неÑо, наÑеÑено CSS, или Cascading Style Sheets, какÑо добÑе. CSS ви позволÑва да опÑеделиÑе много повеÑе ÑоÑно еÑÑеÑикаÑа на Ñеб ÑÑÑаниÑаÑа, вклÑÑиÑелно оÑоÑмление и ÑазмеÑи и ÑвеÑове и ÑÑиÑÑове, и много повеÑе. ÐапÑимеÑ, нека да Ñе ÑÑздаде Ñеб ÑÑÑаниÑа ÑÑк Ñе наÑиÑа CSS0, коÑÑо пÑедÑÑавлÑва наÑална ÑÑÑаниÑа за, да ÑеÑем, Ðжон ХаÑваÑд.
Ðа Ñази ÑÑÑаниÑа, ние Ñе имаме Ðжон ХаÑваÑд име, под коеÑо Ñе бÑде пÑиÑÑно ÑÑобÑение за поÑеÑиÑелиÑе Ñи, под коеÑо Ñе бÑде долноÑо, Ñ Ñе каже, нÑкои инÑоÑмаÑÐ¸Ñ Ð·Ð° авÑоÑÑкиÑе пÑава. Ðа да напÑавиÑе Ñова, нека да Ñе деÑиниÑа ÑÑи дивизии за ÑÑÑаниÑаÑа, Ñ Ð¿Ð¾Ð¼Ð¾ÑÑа на Ñагове наÑеÑен DIV. Open Ñкоба РазделениÑ, Ðжон ХаÑваÑд, в близоÑÑ Ñкоба РазделениÑ, дÑÑг оÑвоÑен Ñкоба Div, и Ñега ние Ñе Ñе ÑÑоÑни неÑо каÑо, добÑе доÑли в моÑÑа наÑална ÑÑÑаниÑа! Рнека да Ñе заÑвоÑи Ñази дивизиÑ, какÑо добÑе.
Ð Ñега е ÑÑеÑаÑа и поÑледна РазделениÑ, авÑоÑÑко пÑаво. Само за да Ñе ÑанÑазиÑ, нека ме използва Ñега за HTML лиÑе, Ñимвол, койÑо пÑедÑÑавлÑва геÑой, койÑо инаÑе не биÑ
Ñе могли вÑведеÑе Ð¾Ñ ÐºÐ»Ð°Ð²Ð¸Ð°ÑÑÑаÑа. Ðо-ÑпеÑиално, аз оÑивам да пÑÐ°Ð²Ñ Ð°Ð¼Ð¿ÐµÑÑанд, паÑнд, 169, ÑоÑка и запеÑаÑ. Ðказа Ñе, Ñе е най-ÑиÑÑов код за Ñимвол на авÑоÑÑкиÑе пÑава. Тогава нека Ñе ÑÑоÑни Ðжон ХаÑваÑд ÑÑк в долнаÑа ÑаÑÑ. Ðа заÑвоÑиÑе DIV и запиÑеÑе Ñайла.
Сега, какво е Ñова Div маÑкеÑ? ÐаÑкеÑÑÑ Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ð¿ÑоÑÑо опÑÐµÐ´ÐµÐ»Ñ Ð¿Ð¾Ð´Ñазделение на ÑÑÑаниÑаÑа, койÑо е по ÑÑÑеÑÑво пÑавоÑгÑлна облаÑÑ. Така Ñе в Ñози Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð²Ñв вÑемеÑо, имам ÑÑи пÑавоÑгÑлни Ñегиони, един на вÑÑÑ
а Ð¾Ñ Ð´ÑÑга ÑÑÑана. Така Ñе за Ñега, еÑекÑÑÑ Ðµ поÑÑи Ñолкова вÑпÑеки Ñе имаÑе ÑÑи ÑоÑки. Ðо ние нÑма да видиÑе Ñолкова много пÑазно пÑоÑÑÑанÑÑво Ð¼ÐµÐ¶Ð´Ñ ÑÑÑ
.
Ðа ÑпаÑим Ñози Ñайл, пÑоменеÑе неговоÑо ÑазÑеÑениÑ, и да погледнем за Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð² Chrome. CHMOD A + R CSS0.html. Ðека Ñега Ñе оÑвоÑи Chrome и поÑеÑение http://localhost.CSS0.html. ÐÑÑÑноÑÑ, ÑÑк е наÑална ÑÑÑаниÑа Ðжон ХаÑваÑд. Ðека Ñега го ÑÑилизиÑам малко повеÑе Ðменно Ñ Ð¿Ð¾Ð¼Ð¾ÑÑа на нÑкои CSS.
ÐбÑаÑно в Gedit, да вÑÑвим в Ñози пÑÑвиÑÑ ÐµÑÐ¸ÐºÐµÑ Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ð¸ добавеÑе ÑÑил аÑÑибÑÑ Ñе ÑÑоÑнÑва, Ñе биÑ
иÑкал големинаÑа на ÑÑиÑÑа на, да ÑеÑем, 36 пикÑела, или PX. РбиÑ
иÑкал ÑеглоÑо на Ñози ÑÑиÑÑ Ð´Ð° бÑдем Ñмели, а не по подÑазбиÑане, коеÑо е ноÑмално. Ðа вÑоÑи DIV, нека да Ñе ÑÑоÑни дÑÑг ÑÑил аÑÑибÑÑ, койÑо има големинаÑа на ÑÑиÑÑа на 24 пикÑела, Ñака Ñе малко по-малÑк. Ðамали кавиÑки Ñлед запеÑаÑÑа.
Ðа поÑледно мÑÑÑо, в Ñази ÑÑеÑа дивизиÑ, да го напÑавим ÑÑил Ñе ÑавнÑва на ÑазмеÑа на ÑиÑаÑ, ÑÑиÑÑ, и да ÑеÑем 12 пикÑела и Ñози пÑÑ. Close ÑиÑÐ°Ñ Ñлед запеÑаÑÑа. ÐабележеÑе, Ñлед Ñова, Ñе аз изглежда да има опÑеделено малко ÑÑилизаÑÐ¸Ñ Ð·Ð° вÑÑка Ð¾Ñ Ñези ÑÑи Divs използваÑ, Ðказва Ñе, CSS. РдейÑÑвиÑелноÑÑ, ÑинÑакÑиÑа, койÑо виждаÑе Ð¼ÐµÐ¶Ð´Ñ Ñези двойни кавиÑки е CSS, ÑпеÑиално CSS ÑвойÑÑва ÑÑÑ ÑÑойноÑÑи. Рза Ñова пÑÑÐ²Ð¸Ñ ÐµÑикеÑ, кÑдеÑо имаÑ
два Ñакива имоÑи, ÑÐ°Ð·Ð¼ÐµÑ Ð½Ð° ÑÑиÑÑа и Ñегло на ÑÑиÑÑа, аз пÑоÑÑо Ñазделени ги Ñ ÑоÑка и запеÑаÑ.
Сега, Ñамо заÑади ÑÑила, аз ÐклÑÑени Ñа ÑÑÑо и ÑоÑка и запеÑÐ°Ñ Ð² в кÑÐ°Ñ Ð½Ð° вÑеки Ñед. Ðо Ñе не Ñа ÑÑÑого необÑ
одимо, оÑобено когаÑо имаÑе Ñамо един опÑеделено имÑÑеÑÑво. Ðека Ñега да запиÑеÑе Ñайла и Ñе пÑезаÑежда в Chrome, и да видим какво неÑниÑÑ ÐµÑÐµÐºÑ Ðµ. ÐбÑаÑно в Chrome ÑÑк, нека кликнеÑе Reload.
Сега имаме малко по-инÑеÑеÑна наÑална ÑÑÑаниÑа за John ХаÑваÑд, Ñ ÐºÐ¾ÐµÑо на пÑÑва Ð»Ð¸Ð½Ð¸Ñ Ñ Ð¸Ð¼ÐµÑо мÑ, коеÑо е вÑÑÑе, Ñе пÑÑва дивизиÑ, е 36 пикÑела виÑок и ÑÑÑо Ñдебелен ÑÑиÑÑ, пÑи коеÑо вÑоÑиÑÑ Ñед, коÑÑо е вÑв вÑоÑаÑа Div е 24 пикÑели виÑок, но не и Ñ Ñдебелен ÑÑиÑÑ. РпÑи ÑÑеÑÐ¸Ñ Ñед в ÑÑеÑаÑа Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ðµ 12 пикÑела виÑок и ÑÑÑо не Ñдебелен ÑÑиÑÑ. Ðо пÑедполагам, Ñе Ñега биÑ
иÑкал да Ñе Ñмени вÑиÑки Ð¾Ñ Ñози ÑекÑÑ Ð²ÑÑÑ
Ñ Ñакава, Ñе да е ÑенÑÑиÑан.
Ðога да пÑиведе вÑÑка Ð¾Ñ Ð¾ÑделниÑе ÐСÐ, Ñе Ñа ÑенÑÑиÑани. Ðо по-леÑно, може ли да пÑиклÑÑи Ñези ÑÑи Divs вÑÑÑе в ÑеÑвÑÑÑа дивизиÑ, а Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ ÑодиÑел, Ñака да Ñе каже, и да ÑкажеÑе , Ñе Div и ÑÑлоÑо Ð¼Ñ Ð¿Ð¾ÑомÑи ÑÑÑбва да ÑекÑÑ Ð¿Ð¾Ð´Ñавнен ÑенÑÑÑ? Ðека Ñ
вÑÑлим един поглед.
ÐÑÑÑе на Gedit, нека Ñе вÑÑнем кÑм Ð¼Ð¾Ñ ÑÑлоÑо и добавеÑе нов Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ð´Ð¾ вÑÑÑ
а Ñ Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ, ÑÑил ÑавнÑва кавиÑки ÑекÑÑ Ð¿Ñиведе в ÑÑоÑвеÑÑÑвие ÑенÑÑÑ, в близоÑÑ ÑиÑиÑам Ñлед запеÑаÑÑа. Ð Ñега, да вÑÑвим напÑед и ÑиÑе вÑиÑки на Ñези линии, коиÑо Ñме вÑвели пÑеди. Рпо-долÑ, Ñе ÑÑеÑаÑа дивизиÑ, нека заÑвоÑиÑе Ñози нов DIV.
С дÑÑги дÑми, ÑÑй каÑо Ñези ÑÑи оÑигинални Divs Ñега Ñа деÑа, Ñака Ñе да Ñе каже, на нов ÑодиÑел Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ð¸ аз ÑÑм ÑÑоÑни, Ñе биÑ
иÑкал да Ñе пÑиведе ÑекÑÑ Ð½Ð° Ñози ÑодиÑел Ð Ð°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ð² ÑенÑÑÑа на ÑÑÑаниÑаÑа, Ñе имоÑÑÑ Ñе бÑде наÑледÑва Ð¾Ñ Ð²ÑиÑки Ñези деÑа. ÐаиÑÑина, нека да запиÑеÑе Ñайла и да погледнем в бÑаÑзÑÑ. Ðека да Ñе пÑезаÑеди в Chrome. Рние го, оÑе по-Ñ
Ñбаво да има наÑална ÑÑÑаниÑа на Ðжон ХаÑваÑд.