SIARADWR: Felly mewn gwirionedd nid oedd y gorau dylunio i intermingle CSS gyda HTML. Yn hytrach, mae'n well i ffactor eich CSS, ei roi yn rhywle canolog, a rhywsut yn berthnasol i'r tagiau yn eich tudalen we. Er mwyn cyflawni hyn, gallwn roi'r gorau i mewn gwirionedd yn gan ddefnyddio'r briodoledd Arddull ac yn lle hynny defnyddio tag Style, a oedd yn perthyn yn y pennaeth dudalen ar y we ochr yn ochr, ar gyfer enghraifft, eich teitl. 

Gadewch i ni roi cynnig arni ac ail-weithredu tudalen gartref i John Harvard ddefnyddio'r tag Style. Rwyf eisoes wedi gotten i ni ddechrau yma gyda thri divs ar gyfer Hafan John Harvard. Ond gadewch i ni gyntaf yn awr yn mynd i fyny at y cyntaf div ac ychwanegu nodwedd newydd, sef adnabod, ac yn nodi bod yn unigryw dynodwr ar gyfer y div penodol fydd, er enghraifft, dyfynnwch unquote "Top," enw mympwyol, ond disgrifiadol yn y div hyn yn yn wir ar ben fy dudalen. 

Ar gyfer y div nesaf, gadewch i ni roi cynnig ID gwahanol o dyfyniad unquote "Canol," a gadewch i ni roi'r trydydd div ID o dyfyniad unquote "gwaelod." Rydym yn Erbyn hyn mae tri dynodwr unigryw y gallwn wneud cais rhywfaint CSS eiddo, ond yn gyntaf, gadewch i ni ddychwelyd i ben y dudalen hon. Yn union uwchben y teitl yma, 'n annhymerus' mynd yn ei flaen a diffinio arddull ac yna arddull agos. 

Y tu mewn i hyn yn awr, yr wyf i'n mynd i ddiffinio rhai eiddo CSS, sef y un rhai yr wyf eisoes wedi mewn Steil priodoleddau, ond yma byddant yn canolog. I wneud hynny, yr wyf i'n mynd i nodi'r bunt symbol yna top, a thrwy hynny yn nodi bod y CSS yn dilyn Dylai eiddo yn berthnasol i beth bynnag Elfen HTML gan y unigryw dynodwr y top. Yna yr wyf i'n mynd i gael rhywfaint o agored a braces cyrliog caeedig, ac yr wyf i'n mynd i bennu, dyweder, bydd maint y ffont yn 36 picsel, bydd pwysau ffont fod yn feiddgar. 

Er mwyn cadw pethau'n lân, rwy'n rhoi pob yr eiddo hyn bellach ar ei phen ei hun llinell, ond dim ond yn confensiwn arddull. Islaw hyn, gadewch i ni yn awr yn diffinio un arall detholydd, fel petai. Mae hyn yn un ar gyfer y tag HTML sydd wedi dynodwr unigryw canol. Ac yn y fan hon, gadewch i ni yn pennu maint y ffont o 24 picsel, yn is na'r un arall detholydd ar gyfer gwaelod, ac y tu mewn o hynny, gadewch i ni nodi maint ffont o 12 picsel. 

Gadewch i ni yn awr yn arbed, yn newid y caniatadau ar, a llwytho y dudalen hon mewn porwr, chmod yn fantais r css-1.html. Gadewch i ni agor Chrome ac ymweld http://localhost/css-1.html. Ddim yn ddrwg. Yn union fel yr wyf yn bwriadu, ond hoffwn i cymryd pethau un cam ymhellach yn awr ac testun canolfan John Harvard. Nawr i wneud hynny, gallwn lapio y dudalen gyfan mewn div gan fy mod oedd yn enghraifft gynharach. Neu allaf fod yn fwy clyfar ac yn sylweddoli bod pob un o'r divs hyn tu mewn corff fy nhudalen, felly pam na dim ond yn berthnasol un neu fwy o eiddo CSS i'r corff tagio ei hun? 

I wneud hynny, gadewch i ni wneud hyn. Gadewch i ni fynd yn ôl at gedit yma. Gadewch i sgrolio yn ôl i fyny at y tag Style, a gadewch i ni pennu dewisydd yn unig gan ddefnyddio enw, Corff y tag yn. Is na hynny, gadewch i ni roi ein braces cyrliog ddilyn gan ganolfan-alinio testun. Gadewch i ni yn awr achub y dudalen a ail-lwytho y tu mewn y porwr. Ail-lwytho yn Chrome, a voila. Erbyn hyn mae gennym dudalen John Harvard canolbwyntio wrth i ni fwriadwyd.