Tip:
Highlight text to annotate it
X
>> 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 *** 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 *** 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 *** ne-am propus.