ПРЕДСЕДНИК: Значи, то је заправо није најбољи дизајн за мешају ЦСС са ХТМЛ. Уместо тога, то је најбоље да фактор ван ваше ЦСС, стави га негде централни, и некако га применити на ознаке у својој веб страници. Да би то постигли, ми заправо може зауставити користећи стил атрибут и уместо тога користите Стиле таг, који припада у шеф веб странице заједно, за пример, ваш наслов. 

Дајмо ово пробати и поново спроведе почетна страна за Џона Харварда помоћу Стиле ознаку. Већ сам добио нас почели овде са три Дивс за Јохн Харвард страница. Али хајде прво да иде и до сада ово прво див и додајте нови атрибут, наиме ИД, и одредите да јединствена идентификатор за ову див ће бити, на пример, цитата Ункуоте "Топ", произвољно име, али описно у да овај див је заиста на врху моје стране. 

За следећу див, хајде да га дам различит ИД цитатом Ункуоте "Средње" и дајмо трећи див ИД цитатом Ункуоте "дно". Ми Сада имамо три јединствени идентификатор на које можемо применити неку ЦСС особине, али прво, хајде да повратак на челу ове странице. Само изнад наслова овде, ја ћу само напред и дефинисати стил а затим затворите стил. 

Унутар овога сада, ја ћу да дефинишу неке ЦСС својства, наиме Исте оне које сам раније имао у стилу атрибуте, али овде ће бити централно дефинисана. Да бисте то урадили, ја ћу навести фунту симбол затим врху, чиме прецизирајући да следећи ЦСС особине треба да важи за све што ХТМЛ елемент има јединствен идентификатор врху. Ја онда ћу имати неке отворене и затворене витичасте заграде, а ја ћу да одредите, рецимо, величина фонта биће 36 пиксела, тежина фонта ће бити подебљан. 

Да би ствари чиста, ја стављам сваки од ових особина сада на сопствену линија, али то је само стилска конвенција. Испод тога, хајде да сада дефинишемо други селектор, да тако кажем. Овај један за ХТМЛ таг који има јединствени идентификатор средину. И овде, хајде да одредите величину слова од 24 пиксела, испод које други селектор за дно, и унутар тога, хајде да одредите величина слова од 12 пиксела. 

Хајде да сада сачувате, промените дозволе на, и учитати ову страницу у прегледачу, цхмод а плус р ЦСС-1.хтмл. Хајде да отворимо Цхроме и посетите хттп://лоцалхост/цсс-1.хтмл. Није лоше. Управо као што сам намеравао, али бих волео да узети ствари један корак даље и сада Центар Џона Харвардова текст. Сада да то уради, ја могао преломити цела страна у див као ја урадио раније пример. Или ја могу бити више паметан и схватити да сви ови дивови су унутар Тело мојој страници а, па зашто не односи само један или више ЦСС својства на телу означите себе? 

Да бисте то урадили, хајде да урадимо ово. Хајде да се вратимо на гедит овде. Хајде дођите натраг до Стиле таг, и хајде да одредите само селектор користећи тај таг име, тело. Испод тога, хајде да ставимо витичасте заграде затим тект-алигн центру. Хајде да сада сачувате страницу и поново то унутар тог претраживача. Релоад у Цхроме, и воила. Ми сада имамо Џона Харварда страница центриран како смо намеравали.