Sut i Ddefnyddio XML Gyda CSS

Os ydych chi'n gyfarwydd â sut y mae CSS yn arddull tudalennau HTML , byddwch yn gwerthfawrogi'r cysyniad o fformatio. Ar ddechrau'r iaith farcio XML , roedd arddangos data ychydig yn gymhleth, ond mae hynny'n newid gyda thaflenni arddull.

Trwy ychwanegu cyfeirnod ar ddalen arddull, gallwch fformatio ac arddangos eich cod XML fel tudalen we. Heb CSS neu ryw fformatio arall, mae XML yn ymddangos fel testun sylfaenol gyda chamgymeriad sy'n nodi na all y porwr ddod o hyd i ddogfen fformatio.

Enghraifft Enghreifftiol XML

Mae dalen arddull syml yn unig yn ei gwneud yn ofynnol i chi restru'r elfen a'r nodweddion fformatio sydd eu hangen i arddangos y data.

Mae'r rhan hon o god yn dweud wrth y prosesydd pa elfennau i'w harddangos a sut y dylent edrych ar y dudalen we, fel hyn:

sampl {cefndir-liw: #ffffff; lled: 100%;} mymessage {arddangos: bloc; cefndir-liw: # 999999; ymyl-gwaelod: 30pt;} corff {font-size: 50%}

Y llinell gyntaf y ffeil fformatio yw'r elfen wraidd. Mae'r nodweddion ar gyfer y gwreiddyn yn berthnasol i'r dudalen gyfan, ond byddwch yn eu newid ar gyfer pob tag. Mae hyn yn golygu y gallwch ddynodi'r lliw cefndir ar gyfer y dudalen ac yna unwaith eto ar gyfer pob adran.

Cadwch y ffeil hon i'r un cyfeiriadur â'ch ffeil XML, a gwnewch yn siŵr bod ganddo'r estyniad ffeil .CSS.

Cyswllt i'r CSS O'r XML

Ar y pwynt hwn, mae'r rhain yn ddwy ddogfen gwbl ar wahân. Nid oes gan y prosesydd unrhyw syniad eich bod am iddynt weithio gyda'i gilydd i greu tudalen we .

Gallwch chi ddatrys hyn trwy ychwanegu datganiad i frig y ddogfen XML sy'n nodi'r llwybr i'r ffeil CSS. Mae'r datganiad yn mynd yn syth o dan y datganiad datganiad XML cychwynnol, fel hyn:

Yn yr enghraifft hon, gelwir y ffeil CSS products.css , a dyna pam ei fod wedi'i labelu fel y cyfryw yn y ddogfen XML. Newid hynny i ba enw bynnag y ffeil a ddewiswch ar gyfer y ffeil CSS.