SPEAKER: Така че това всъщност не е най-добрият проектират да общувам CSS с HTML. Вместо това, тя е най-добре да фактор вашето CSS, сложи го някъде централно, и по някакъв начин да се прилага за тагове на вашата уеб страница. За да постигнем това, ние всъщност може да спре използване на атрибута Style и вместо използвате етикет Style, който принадлежи към ръководител на дадена уеб страница, заедно, за Например, вашето заглавие. 

Нека да дам това пробвам и да приведе отново в действие начална страница на Джон Харвард използване на етикет за стил. Аз вече съм намерила ни започна тук с три Divs за Начална страница Джон Харвард. Но нека първо сега отидете до този първи Разделения и добавете нов атрибут, а именно ID, и уточни, че една уникална идентификатор за този конкретен Div трябва да бъде, например, в кавички "Отгоре", произволно име, но описателен в това Div е наистина в горната част на страницата ми. 

За следващата DIV, нека го прави даде различен ID на кавички "Средна", и нека даде трето DIV ИД на кавички "отдолу". Ние Сега имаме три уникален идентификатор , към която можем да приложим някои CSS свойства, но на първо място, нека да се върнем на ръководителя на тази страница. Точно над титлата тук, ще отидете напред и да определим стил и след това затворете стил. 

Вътре в това сега, аз отивам да се дефинират някои CSS свойства, а именно Същите тези, които аз преди това са имали в Style атрибути, но тук те ще бъдат централно определени. За да направите това, аз отивам да се уточни паунд символ, последван от върха, като по този начин посочва, че след СГО свойства следва да се прилагат независимо от HTML елемент има уникалната идентификатор на върха. Аз след това ще има някои отворени и затворени фигурни скоби, и аз отивам да уточни, да речем, размер на шрифта трябва да бъде 36 пиксела, тегло на шрифта трябва да бъдем смели. 

За да запазим нещата чисти, Слагам всеки на тези имоти предприятието по себе си линия, но това е само една стилистичен конвенция. По-долу това, нека сега се определи друг селектор, така да се каже. Това за HTML маркер, който е уникален идентификатор на средата. И тук, нека да зададете размера на шрифта 24 пиксела, по-долу, че друга селектор за дъно, и отвътре на това, нека да укажете големината на шрифта на 12 пиксела. 

Нека сега спаси, промените разрешенията на, и да заредите тази страница в браузъра, CHMOD плюс R CSS-1.html. Нека отворим Chrome и посетете http://localhost/css-1.html. Не е зле. Точно както възнамерявах, но бих искал да вземе нещата една стъпка по-нататък сега и текст център Джон Харвард. Сега, за да се направи така, бих могъл да го увийте цяла страница в дивизия, както аз направи по-ранен пример. Или мога да бъда по-умен и да осъзнаем, че всички тези Divs са вътре тялото ми страница, така че защо да не се прилага само един или повече CSS свойства на тялото Самата маркер? 

За да направите това, нека го направим. Нека се върнем на Gedit тук. Нека да превъртите обратно до маркер Style, и нека се уточни селектор просто използва този етикет име, Body. По-долу, че, нека да поставим нашите фигурни скоби последвана от текст-приравни център. Нека сега запазете страницата и се презарежда то вътре в този браузър. Зареди в Chrome, и готово. Сега имаме страница Джон Харвард центриран както е предвидено.