Воведничар: Значи тоа е всушност не е најдобар дизајн на мешаат CSS со HTML. Напротив, тоа е најдобро да се фактор од вашиот CSS, го стави некаде централно и некако се однесуваат на тагови во вашиот веб страница. За да се постигне ова, ние всушност може да го запре користење на стил атрибут и наместо користете стил таг, кој припаѓа во шеф на веб страница, заедно, за пример, насловот. 

Ајде да им даде на овој обид и повторно спроведување Главна страница за Џон Харвард користење на Стил таг. Јас веќе сум добил ни почнати тука со три Divs за Почетната страница од пребарувачот Џон Харвард. Но ајде прво сега оди до оваа прва div и додадете нов атрибут, имено проект, и наведете дека единствен ознака за овој посебен div ќе биде, на пример, цитат unquote "Врвот", произволна име, но описна дека овој div е навистина на врвот на мојата страница. 

За следната div, ајде да го даде различни ID на понуда unquote "Среден", и ајде да се даде на трет div лична на понуда unquote "дното". Ние сега имаат три единствен идентификатор на кои можеме да се применуваат некои CSS својства, но прво, да се врати до шефот на оваа страница. Над насловот Еве, јас ќе оди напред и да се дефинира стил и потоа затворете стил. 

Внатрешноста на оваа сега, јас ќе одам да се дефинираат некои CSS својства, имено истите оние што претходно имале во Стил атрибути, но тука тие ќе бидат централно дефинирани. Да го стори тоа, ќе одам да се определи на фунтата симбол проследено со врвот, на тој начин наведувајќи дека следните CSS својства треба да се применуваат на она што HTML елемент има уникатна идентификатор на врвот. Јас сум тогаш ќе има некои отворени и затворена големи загради, и јас одам да се наведете, да речеме, големината на фонтот да биде 36 пиксели, фонт тежина треба да биде со задебелени букви. 

Да се ​​задржи нешта чисти, јас сум ставање секоја на овие својства сега на свој линија, но тоа е само стилски конвенција. Под ова, ајде сега се дефинира друг селектор, така да се каже. Оваа една за HTML таг, кој има уникатен идентификатор на средината. И тука, ајде да се определи големината на фонтот од 24 пиксели, под тоа друг селектор за дното, и внатре на тоа, ајде да одредите големина на фонт од 12 пиксели. 

Ајде сега спаси, промена на дозволи на, и оптоварување оваа страница во прелистувачот, chmod плус R CSS-1.html. Ајде да се отвори Хром и посета http://localhost/css-1.html. Не е лошо. Токму онака како што е планирано, но јас би сакал да преземат работите еден чекор понатаму и сега текст центар Џон Харвард. Сега да го стори тоа, би можел да заврши на цела страница во една div како што направи претходната пример. Или јас може да биде повеќе умен и да сфати дека сите овие divs се во внатрешноста на тело мојата страница, па зошто да не само применуваат еден или повеќе CSS својства на тело се обидеш? 

Да го стори тоа, да го направиме тоа. Да се ​​вратиме за gedit тука. Ајде да дојдете назад до Стил ознака, и ајде да се определи селектор само користење на таа ознака име, тело. Под него, ајде да се стави нашите големи загради проследено со text-align центар. Ајде сега ја зачувате страницата и повторно тоа внатре на тој пребарувач. Вчитај во Хром, и Voila. Сега имаме страница Џон Харвард центрирани како што се наменети.