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