СПІКЕР: Атрымліваецца, што 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. І ў нас гэта ёсць, яшчэ прыемней Хатняя старонка для Джона Гарварда.