>> 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.