SPEAKER: Deci, nu e de fapt cel mai bun design pentru a amesteca cu CSS HTML. Mai degrabă, cel mai bine este să factor de dvs. CSS, pune-l undeva centrale, și într-un fel se aplica la tag-uri în pagina ta web. Pentru a realiza acest lucru, ne putem opri de fapt, folosind atributul stil și în schimb utilizați un tag Style, care aparține în cap de o pagină web alături, pentru exemplu, titlul. 

Să-i dăm această un try și re-punerea în aplicare a o pagina de start pentru John Harvard folosind tag-ul Style. Am primit deja ne-a început aici cu trei divs pentru Pagina John Harvard. Dar hai să mergem mai întâi în prezent până la această primă div și a adăuga un nou atribut, și anume ID-ul, și să precizeze că un unic identificator pentru acest div special trebuie să fie, de exemplu, citez, "Top", un nume arbitrar, dar descriptiv în care acest div este într-adevăr, în partea de sus a paginii mele. 

Pentru div viitor, hai sa o dau diferit de ID-ul, citez, "Mijloc", și să-i dăm de-a treia div un ID de, citez, "de jos". Noi au acum trei identificator unic la care se poate aplica unele CSS proprietăți, dar în primul rând, haideți să retur la capul acestei pagini. Chiar deasupra titlului de aici, voi mergeți mai departe și să definească stilul și apoi stil aproape. 

În interiorul acestui acum, am de gând să se definească unele proprietăți CSS, și anume aceleași cu cele pe care le aveam anterior în stil atribute, dar aici vor fi definite la nivel central. Pentru a face acest lucru, am de gând pentru a specifica lira simbol urmat de top, astfel precizând că în urma CSS proprietăți ar trebui să se aplice indiferent de Element HTML are unic identificator de top. Am apoi va avea unele deschise și acolade închise, și am de gând să specifica, de exemplu, dimensiunea fontului este de 36 pixeli, greutate font trebuie să fie îndrăzneț. 

Pentru a păstra lucrurile curat, pun fiecare dintre aceste proprietăți acum pe cont propriu linie, dar asta e doar o convenție stilistică. Sub acest, hai acum defini un alt selector, ca să spunem așa. Aceasta pentru tag HTML care are identificator unic de mijloc. Și aici, să specificați o dimensiune de font de 24 de pixeli, sub acest alt selector pentru partea de jos, și în interior de care, să specificați un dimensiunea de 12 pixeli. 

Să acum salva, modifica permisiunile pe, și încărcați această pagină într-un browser, chmod un plus r css-1.html. Să deschidem Chrome și vizita http://localhost/css-1.html. Nu-i rău. Exact așa cum am vrut, dar mi-ar plăcea să ia lucrurile un pas mai departe acum și text de centru John Harvard. Acum, pentru a face acest lucru, am putut înfășurați pagină întreagă într-un div așa cum am a făcut un exemplu mai devreme. Sau pot fi mai inteligent și să realizeze că toate aceste divs se află în interiorul trupul pagina mea, asa ca de ce nu se aplică doar una sau mai multe proprietăți CSS pentru organism tag-ul în sine? 

Pentru a face acest lucru, hai să facem asta. Să ne întoarcem la gedit aici. Să derulați înapoi până la tag-ul Style, și să specificați un selector doar folosind nume care tag-ul lui, Body. De mai jos că, hai să punem bretele noastre buclat urmat de centrul de text-align. Să salvăm acum pagina și reîncărcați se în interiorul că browser-ul. Reîncărca în Chrome, și voila. Avem acum de start, John Harvard centrat așa cum ne-am propus.