CSS, neu Cascading Style Sheets, yw'r hyn a ddefnyddir mewn dylunio gwefannau modern i gymhwyso'r edrychiad gweledol i dudalen. Er bod HTML yn creu strwythur y dudalen a gall Javascript drin ymddygiad, edrychiad a theimlad gwefan yw maes CSS. O ran yr arddulliau hyn, fe'u cymhwysir yn aml gan ddefnyddio taflenni arddull allanol, ond gallwch hefyd ddefnyddio arddulliau CSS i elfen unigol, benodol trwy ddefnyddio'r hyn a elwir yn "arddulliau mewnol".
Arddulliau mewnline yw arddulliau CSS sy'n cael eu cymhwyso'n uniongyrchol yn HTML y dudalen. Mae yna fanteision ac anfanteision i'r dull hwn. Yn gyntaf, gadewch i ni edrych yn union ar sut mae'r arddulliau hyn yn cael eu hysgrifennu.
Sut i Ysgrifennu Arddull Mewnol
Er mwyn creu arddull CSS mewnol, byddwch yn dechrau trwy ysgrifennu eiddo eich arddull yn debyg i sut y byddech chi mewn dalen arddull, ond mae angen iddi fod yn un llinell. Ar wahân i eiddo lluosog gyda hanner pen fel yr hoffech chi mewn dalen arddull.
cefndir: #ccc; lliw: #fff; ffin: solet du 1px;
Rhowch y llinell arddull honno y tu mewn i briodoldeb arddull yr elfen yr hoffech ei styledio. Er enghraifft, pe baech chi eisiau defnyddio'r arddull hon i baragraff yn eich HTML, byddai'r elfen honno'n edrych fel hyn:
Yn yr enghraifft hon, byddai'r paragraff arbennig hwn yn ymddangos gyda chefndir llwyd golau (dyna'r hyn y byddai #ccc yn ei rendro), testun du (o'r lliw # 000), a chyda ffin du solet 1-picel o gwmpas pob un o'r pedair ochr o'r paragraff .
Manteision Inline Styles
Diolch i'r rhaeadr o arddulliau anlinellu Dalen Arddull Cascading sydd â'r flaenoriaeth neu benodoldeb uchaf mewn dogfen. Mae hyn yn golygu y byddant yn cael eu cymhwyso ni waeth beth arall a bennir yn eich taflen arddull allanol (gyda'r un eithriad yn unrhyw arddulliau a roddir i'r datganiad pwysig! Y daflen honno, ond nid yw hyn yn rhywbeth y dylid ei wneud mewn safleoedd cynhyrchu os yw'n gellir ei osgoi).
Yr unig arddulliau sydd â blaenoriaeth uwch nag arddulliau mewnline yw arddulliau defnyddiwr y mae'r darllenwyr eu hunain yn eu cymhwyso. Os ydych chi'n cael trafferth i wneud eich newidiadau i ymgeisio, gallwch geisio gosod arddull inline ar yr elfen. Os nad yw'ch arddulliau yn dal i fod yn arddangos gan ddefnyddio arddull an-lein, gwyddoch fod rhywbeth arall yn digwydd.
Mae arddulliau mewn llinell yn hawdd ac yn gyflym i'w ychwanegu ac nid oes angen i chi boeni am ysgrifennu'r detholydd CSS priodol gan eich bod yn ychwanegu'r arddulliau yn uniongyrchol i'r elfen yr hoffech ei newid (mae'r elfen honno yn ei hanfod yn disodli'r detholydd y byddech chi'n ei ysgrifennu mewn dalen arddull allanol ). Nid oes angen i chi greu dogfen gyfan gyfan (fel gyda thaflenni arddull allanol) neu olygu elfen newydd ym mhennod eich dogfen (fel gyda thaflenni arddull mewnol). Rydych newydd ychwanegu'r priodwedd arddull sy'n ddilys ar bron pob elfen HTML. Dyma'r holl resymau pam y gallech chi gael eich temtio i ddefnyddio arddulliau mewnol, ond rhaid i chi hefyd fod yn ymwybodol o rai anfanteision sylweddol iawn i'r dull hwn.
Anfanteision Inline Styles
Oherwydd arddulliau mewnline maen nhw yw'r rhai mwyaf penodol yn y rhaeadr, gallant or-reidio pethau nad oeddent yn eu bwriadu. Maent hefyd yn negyddu un o agweddau mwyaf pwerus CSS - y gallu i arddull llawer a llawer o dudalennau gwe o un ffeil CSS ganolog i wneud diweddariadau yn y dyfodol ac mae newidiadau arddull yn llawer haws i'w reoli.
Pe bai rhaid ichi ddefnyddio arddulliau mewnol yn unig, byddai'ch dogfennau yn dod yn gyflym ac yn anodd iawn eu cynnal. Y rheswm am hyn yw bod rhaid cymhwyso arddulliau mewnol i bob elfen yr hoffech ei gael arnynt. Felly, os ydych chi am i'ch holl baragraffau gael y teulu ffont "Arial", mae'n rhaid ichi ychwanegu arddull mewnol i bob tag
yn eich dogfen. Mae hyn yn ychwanegu gwaith cynnal a chadw i'r dylunydd ac amser lawrlwytho i'r darllenydd gan y byddai angen i chi newid hyn ar draws pob tudalen yn eich gwefan i newid y ffont-deulu hwnnw. Fel arall, os ydych chi'n defnyddio dalen arddull ar wahân, efallai y gallwch chi ei newid mewn un man a'r holl dudalennau yn derbyn y diweddariad hwnnw.
Yn wirioneddol, mae hwn yn gam yn ôl yn y dyluniad gwe - yn ôl dyddiau'r tag !
Anfantais arall i arddulliau mewnline yw ei bod yn amhosibl arddull ffug-elfennau a-dosbarthiadau gyda nhw. Er enghraifft, gyda thaflenni arddull allanol , gallwch arddull tag angor yr ymwelwyd â hi, hofran, gweithredol a dolen , ond gydag arddull an-lein, popeth y gallwch chi ei arddull yw'r ddolen ei hun, oherwydd dyna beth mae'r priodoldeb arddull ynghlwm wrth hynny .
Yn y pen draw, rydym yn argymell peidio â defnyddio arddulliau mewnol ar gyfer eich tudalennau gwe oherwydd eu bod yn achosi problemau a gwneud y tudalennau yn llawer mwy o waith i'w gynnal. Yr unig amser yr ydym yn eu defnyddio yw pan fyddwn ni eisiau edrych ar arddull yn gyflym yn ystod y datblygiad. Unwaith y byddwn wedi edrych yn iawn ar yr un elfen honno, rydym yn ei symud i'n dalen arddull allanol.
Erthygl Orginal gan Jennifer Krynin. Golygwyd gan Jeremy Girard.