СÐÐÐÐÐ : ÐиÑ
одиÑÑ, Ñо HTML не Ñдина мова, ÑÐºÑ Ð²Ð¸ можеÑе викоÑиÑÑовÑваÑи вÑеÑÐµÐ´Ð¸Ð½Ñ Ð²ÐµÐ±-ÑÑоÑÑнки. Ðи можеÑе викоÑиÑÑовÑваÑи Ñе, Ñо називаÑÑÑÑÑ CSS, або ÐаÑÐºÐ°Ð´Ð½Ñ ÑаблиÑÑ ÑÑилÑв, а Ñакож. CSS дозволÑÑ Ð·Ð°Ð´Ð°Ñи набагаÑо бÑлÑÑе Ñаме еÑÑеÑика ÐеÑÐµÐ¶Ñ ÑÑоÑÑнки, в ÑÐ¾Ð¼Ñ ÑиÑÐ»Ñ Ð¿Ð»Ð°Ð½ÑÐ²Ð°Ð½Ð½Ñ Ñ ÑозмÑÑÑв Ñ ÐºÐ¾Ð»ÑоÑи Ñ ÑÑиÑÑи Ñа багаÑо ÑнÑого. ÐапÑиклад, давайÑе ÑÑвоÑÑваÑи веб-ÑÑоÑÑнки ÑÑÑ Ð½Ð°Ð·Ð¸Ð²Ð°ÑÑÑÑÑ css0, Ñо ÑвлÑÑ ÑÐ¾Ð±Ð¾Ñ ÐомаÑÐ½Ñ ÑÑоÑÑнка длÑ, ÑкажÑмо, Ðжона ÐаÑваÑда.
Ðа ÑÑй ÑÑоÑÑнÑÑ Ð¼Ð¸ бÑдемо маÑи Ðжон ÐаÑваÑда Ñм'Ñ, пÑд Ñким бÑде Ñ
оÑоÑий повÑÐ´Ð¾Ð¼Ð»ÐµÐ½Ð½Ñ Ð´Ð»Ñ ÑвоÑÑ
вÑдвÑдÑваÑÑв, пÑд Ñкий бÑде пÑдвал, з кажÑÑÑ, деÑÐºÑ Ð²ÑдомоÑÑÑ Ð¿Ñо авÑоÑÑÑÐºÑ Ð¿Ñава. Щоб зÑобиÑи Ñе, давайÑе визнаÑимо ÑÑи пÑдÑоздÑли Ð´Ð»Ñ ÑÑоÑÑнки за Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ Ñега називаÑÑÑÑÑ ÑпÑав. ÐÑдкÑиÑи кÑонÑÑейн ÑпÑав, Ðжон ÐаÑваÑд, недалеко ÐÑонÑÑейн ÑпÑав, Ñе один вÑдкÑиÑий кÑонÑÑейн ÑпÑав, Ñ ÑÐµÐ¿ÐµÑ Ð¼Ð¸ бÑдемо вказаÑи ÑоÑÑ Ñк, лаÑкаво пÑоÑимо на Ð¼Ð¾Ñ ÑÑоÑÑнкÑ! РдавайÑе закÑиÑмо ÑÑ DIV, а Ñакож.
Ð ÑÐµÐ¿ÐµÑ ÑÑеÑÑй Ñ Ð¾ÑÑаннÑй ÑпÑав, авÑоÑÑÑке пÑаво. ÐÑоÑÑо бÑÑи ÑанÑазÑÑ, дозволÑÑе Ð¼ÐµÐ½Ñ Ð²Ð¸ÐºÐ¾ÑиÑÑовÑваÑи заÑаз в HTML оÑоба, Ñимвол, Ñкий пÑедÑÑавлÑÑ Ñимвол, Ñкий ви не могли ÑнакÑе дÑÑкÑваÑи на клавÑаÑÑÑÑ. ÐокÑема, Ñ Ð·Ð±Ð¸ÑаÑÑÑ Ð·ÑобиÑи ампеÑÑанд, ÑÑнÑ, 169, кÑапка з комоÑ. ÐиÑвлÑÑÑÑÑÑ, Ñо Ñе ÑиÑÑовий код Ð´Ð»Ñ ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð°Ð²ÑоÑÑÑкого пÑава. Ð¢Ð¾Ð´Ñ Ð´Ð°Ð²Ð°Ð¹Ñе ÑÑоÑнимо Ðжон ÐаÑваÑд ÑÑÑ Ð² нижнÑй ÑаÑÑинÑ. ÐакÑиÑмо DIV Ñ Ð·Ð±ÐµÑежÑÑÑ Ñайл.
ТепеÑ, Ñо ж Ñе за ÑпÑав Ñег? СпÑав Ñег пÑоÑÑо визнаÑÐ°Ñ Ð¿Ð¾Ð´Ñл ÑÑоÑÑнки, Ñкий Ñ Ð¿Ð¾ ÑÑÑÑ Ð¿ÑÑмокÑÑна облаÑÑÑ. Так Ñо в Ñей Ð¼Ð¾Ð¼ÐµÐ½Ñ ÑаÑÑ, Ñ Ð¼ÐµÐ½Ðµ Ñ ÑÑи пÑÑмокÑÑÐ½Ñ Ð¾Ð±Ð»Ð°ÑÑÑ, один на веÑÑÐ¸Ð½Ñ Ð²Ñд ÑнÑого. Так Ñо на даний еÑÐµÐºÑ Ð¼Ð°Ð¹Ð¶Ðµ Ñк Ñ
оÑа Ñ Ð¿Ð¾Ð²Ð¸Ð½ÐµÐ½ бÑв ÑÑи абзаÑи. Ðле ми не побаÑимо в ÑÑй же мÑÑÑ Ð¿Ñогалини мÑж ними.
ÐавайÑе збеÑегÑи Ñей Ñайл, змÑниÑи його дозволÑ, Ñ Ð¿Ð¾Ð³Ð»ÑнÑÑи на Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð² Chrome. Chmod + R CSS0.html. ÐавайÑе ÑÐµÐ¿ÐµÑ Ð²ÑдкÑиÑи Chrome Ñ Ð²ÑÐ·Ð¸Ñ http://localhost.CSS0.html. СпÑавдÑ, оÑÑ Ð´Ð¾Ð¼Ð°ÑÐ½Ñ ÑÑоÑÑнка Ðжона ÐаÑваÑда. ÐавайÑе ÑÐµÐ¿ÐµÑ ÑÑилÑзÑваÑи його ÑÑоÑ
и бÑлÑÑе Саме за Ð´Ð¾Ð¿Ð¾Ð¼Ð¾Ð³Ð¾Ñ Ð´ÐµÑкиÑ
CSS.
ÐовеÑнÑÑиÑÑ Ð² Gedit, давайÑе ÑвÑйдемо в Ñей ÐеÑÑий ÑпÑав Ñеги Ñ Ð´Ð¾Ð´Ð°Ñи ÑÑÐ¸Ð»Ñ Ð°ÑÑибÑÑÑв ÑÑоÑнивÑи, Ñо Ñ Ñ
оÑÑв би ÑозмÑÑ ÑÑиÑÑÑ, ÑкажÑмо, 36 пÑкÑелÑв, або пÑкÑ. Ð Ñ Ñ
оÑÑв би вага ÑÑого ÑÑиÑÑÑ Ð±ÑÑи ÑмÑливим, а не за замовÑÑваннÑм, Ñкий Ñ Ð½Ð¾ÑмалÑним. ÐÐ»Ñ Ð´ÑÑгого DIV, давайÑе ÑÑоÑнимо ÑнÑий аÑÑибÑÑ ÑÑилÑ, Ñкий Ð¼Ð°Ñ Ð Ð¾Ð·Ð¼ÑÑ ÑÑиÑÑÑ 24 пÑкÑелÑв, Ñак Ñо ÑÑоÑ
и менÑе. ÐакÑиÑи коÑиÑÑÐ²Ð°Ð½Ð½Ñ Ð¿ÑÑÐ»Ñ ÐºÐ¾Ð¼Ð¸.
ÐаÑеÑÑÑ, в ÑÑÐ¾Ð¼Ñ ÑÑеÑÑÐ¾Ð¼Ñ DIV, давайÑе зÑобимо ÑÑÐ¸Ð»Ñ Ð´Ð¾ÑÑвнÑÑ ÑозмÑÑ ÑиÑаÑи, ÑÑиÑÑ, Ñ ÑкажÑмо 12 пÑкÑелÑв на Ñей Ñаз. ÐакÑиÑи ÑиÑаÑа пÑÑÐ»Ñ ÐºÐ¾Ð¼Ð¸. ÐвеÑнÑÑÑ ÑвагÑ, Ñе, Ñо Ñ, здаÑÑÑÑÑ, зазнаÑено ÑÑоÑ
и ÑÑилÑзаÑÑÑ Ð´Ð»Ñ ÐºÐ¾Ð¶ÐµÐ½ з ÑиÑ
ÑÑÑоÑ
DIVs з викоÑиÑÑаннÑм, ÐиÑвлÑÑÑÑÑÑ, CSS. ÐаÑпÑавдÑ, ÑинÑакÑиÑ, Ñо ви баÑиÑе в мÑж Ñими подвÑÐ¹Ð½Ñ Ð»Ð°Ð¿ÐºÐ¸ Ñ CSS, ÑпеÑÑалÑно CSS влаÑÑивоÑÑÑ Ð·Ñ Ð·Ð½Ð°ÑеннÑми. Рз ÑÑÑÑ Ð¿ÐµÑÑого Ñега, де Ñ Ð¼Ð°Ð² Ð´Ð²Ñ ÑÐ°ÐºÑ Ð²Ð»Ð°ÑÑивоÑÑÑ, ÑозмÑÑ ÑÑиÑÑÑ Ñ Ð²Ð°Ð³Ð° ÑÑиÑÑÑ, Ñ Ð¿ÑоÑÑо вÑддÑлена ÑÑ
кÑÐ°Ð¿ÐºÐ¾Ñ Ð· комоÑ.
ТепеÑ, пÑоÑÑо заÑади ÑÑилÑ, Ñ Ñакож вклÑÑÐµÐ½Ñ ÐÑапка з ÐºÐ¾Ð¼Ð¾Ñ Ð² кÑнеÑÑ ÐºÐ¾Ð¶Ð½Ð¾Ð³Ð¾ ÑÑдка. Ðле вони не обов'Ñзково, оÑобливо коли Ñ Ð²Ð°Ñ Ñ ÑÑлÑки один влаÑÑивÑÑÑÑ, Ñке визнаÑаÑÑÑÑÑ. ÐавайÑе ÑÐµÐ¿ÐµÑ Ð·Ð±ÐµÑежÑÑÑ Ñайл Ñ Ð¿ÐµÑезаванÑажÑе в Chrome, Ñ Ð¿Ð¾Ð´Ð¸Ð²Ð¸ÑиÑÑ, Ñо ÑиÑÑий еÑекÑ. ÐовеÑнÑÑиÑÑ Ð² Chrome ÑÑÑ, давайÑе наÑиÑнÑÑÑ ÐновиÑи.
Ð¢ÐµÐ¿ÐµÑ Ñ Ð½Ð°Ñ Ñ ÑÑоÑ
и бÑлÑÑ ÑÑкавий ÐомаÑÐ½Ñ ÑÑоÑÑнка Ð´Ð»Ñ Ðоанна ÐаÑваÑд, в ÑезÑлÑÑаÑÑ Ñого пеÑÑа лÑнÑÑ Ð· його Ñм'Ñ, Ñке знаÑ
одиÑÑÑÑ Ð²ÑеÑединÑ, Ñо ÐеÑÑий ÑпÑав, ÑÑановиÑÑ 36 пÑкÑелÑв Ñ Ð²Ð¸ÑоÑÑ, а Ñакож напÑвжиÑний, пÑиÑÐ¾Ð¼Ñ Ð´ÑÑгий ÑÑдок, Ñкий ÑÑого дÑÑгого DIV, 24 пÑкÑелÑв Ñ Ð²Ð¸ÑоÑÑ, але не жиÑним ÑÑиÑÑом. РпÑи ÑÑÐ¾Ð¼Ñ ÑÑеÑÑй ÑÑдок в ÑÑÐ¾Ð¼Ñ ÑÑеÑина ÑпÑав ÑÑановиÑÑ 12 пÑкÑелÑв Ñ Ð²Ð¸ÑоÑÑ, а Ñакож ÐРжиÑним ÑÑиÑÑом. Ðле пÑипÑÑÑимо, Ñо ÑÐµÐ¿ÐµÑ Ñ Ñ
оÑÑв би пеÑейÑи веÑÑ Ñей ÑекÑÑ Ð½Ð°Ð´ Ñаким Ñином, Ñо вона по ÑенÑÑÑ.
Я мÑг виÑÑвнÑÑи кожен з оÑобиÑÑоÑÑÑ Ð´Ñви Ñк по ÑенÑÑÑ. Ðле легÑе, Ñ Ð¼Ñг обеÑнÑÑи ÑиÑ
, ÑÑи дÑви вÑеÑÐµÐ´Ð¸Ð½Ñ ÑеÑвеÑÑого DIV, баÑÑко ÑпÑав, Ñак би мовиÑи, Ñ Ð²ÐºÐ°Ð¶ÑÑÑ Ñо, Ñо ÑпÑав Ñ Ð²ÑÑ Ð¹Ð¾Ð³Ð¾ наÑадки Ð¿Ð¾Ð²Ð¸Ð½Ð½Ñ Ð±ÑÑи ТекÑÑ Ð²Ð¸ÑÑвнÑÑÑÑÑÑ ÑенÑÑ? ÐавайÑе поглÑнемо.
УÑеÑÐµÐ´Ð¸Ð½Ñ Gedit, давайÑе повеÑнемоÑÑ Ð´Ð¾ мого ÑÑло Ñ Ð´Ð¾Ð´Ð°Ñи новий DIV нагоÑÑ Ð· ÑпÑав, ÑÑÐ¸Ð»Ñ Ð´Ð¾ÑÑвнÑÑ ÑиÑаÑÐ¾Ñ ÐºÑнеÑÑ ÑиÑаÑи ТекÑÑ Ð¿Ð¾ ÑенÑÑÑ, близÑко ÑиÑÑÑ Ð¿ÑÑÐ»Ñ ÐºÐ¾Ð¼Ð¸. Ð ÑепеÑ, давайÑе йÑи впеÑед Ñ Ð²ÑдÑÑÑп вÑе з ÑиÑ
лÑнÑй, ÑÐºÑ Ð¼Ð¸ ввели ÑанÑÑе. РнижÑе ÑÑÑÑ ÑÑеÑÑÐ¾Ñ DIV, давайÑе закÑиÑи ÑÑ Ð½Ð¾Ð²Ñ DIV.
ÐнÑими Ñловами, Ñак Ñк ÑÑ ÑÑи оÑигÑналÑÐ½Ñ Ð´Ñви ÑÐµÐ¿ÐµÑ Ð´ÑÑи, Ñак говоÑиÑи, нового баÑÑкÑвÑÑкого DIV Ñ Ñ Ð¼ÐµÐ½Ðµ Ñ Ð²ÐºÐ°Ð·Ð°Ð½Ð¾, Ñо Ñ Ñ
оÑÑв би, Ñоб виÑÑвнÑÑи ТекÑÑ ÑÑого баÑÑкÑвÑÑкого ÑÐ½Ñ Ð² ÑенÑÑÑ ÑÑоÑÑнки, Ñо майно бÑде ÑÑпадковÑÑÑÑÑÑ Ð²ÑÑ Ð· ÑиÑ
дÑÑей. СпÑавдÑ, давайÑе збеÑежÑÑÑ Ñайл Ñ Ð¿Ð¾Ð³Ð»ÑнÑÑи в бÑаÑзеÑÑ. ÐавайÑе пеÑезаванÑажиÑи в Chrome. Ð Ñ Ð½Ð°Ñ Ñе Ñ, Ñе пÑиÑмнÑÑе ÐомаÑÐ½Ñ ÑÑоÑÑнка Ð´Ð»Ñ Ðжона ÐаÑваÑда.