Beth sy'n bwysig yn ei olygu yn CSS?

! Mae Lluoedd pwysig yn Newid yn y Cascâd

Un o'r ffyrdd gorau o ddysgu sut i wefannau cod yw edrych ar godau ffynhonnell safleoedd eraill. Yr arfer hwn yw faint o weithwyr proffesiynol gwe ddysgu eu crefft, yn enwedig yn y dyddiau cyn bod cymaint o opsiynau ar gyfer cyrsiau dylunio gwe , llyfrau a safleoedd hyfforddi ar-lein.

Os ydych chi'n rhoi cynnig ar yr arfer hwn ac yn edrych ar daflenni arddull rhaeadru (CSS), un peth y gallwch chi weld yn y cod hwnnw yw llinell sy'n dweud! Yn bwysig.

Beth mae hynny'n ei olygu ac, yr un mor bwysig, sut ydych chi'n defnyddio'r datganiad hwnnw yn gywir yn eich taflenni arddull?

Cascade of CSS

Yn gyntaf oll, mae'n bwysig deall bod taflenni arddull rhaeadru yn wir yn rhaeadru , sy'n golygu eu bod yn cael eu rhoi mewn trefn benodol. Yn gyffredinol, mae hyn yn golygu bod yr arddulliau'n cael eu cymhwyso yn y drefn y maen nhw'n ei ddarllen gan y porwr. Defnyddir yr arddull gyntaf ac yna'r ail ac yn y blaen.

O ganlyniad, os yw arddull yn ymddangos ar frig dalen arddull ac yna'n cael ei newid yn is yn y ddogfen, ail enghraifft yr arddull honno yw'r un a gymhwysir mewn achosion dilynol, nid y cyntaf. Yn y bôn, os yw dwy arddull yn dweud yr un peth (sy'n golygu bod ganddynt yr un lefel o fanylder), defnyddir yr un olaf a restrir.

Er enghraifft, gadewch i ni ddychmygu bod yr arddulliau canlynol wedi'u cynnwys mewn dalen arddull. Byddai'r testun paragraff yn cael ei rendro mewn du, er bod yr eiddo arddull cyntaf a ddefnyddiwyd yn goch.

Mae hyn oherwydd bod y gwerth "du" wedi'i restru yn ail. Gan fod CSS yn cael ei ddarllen o flaen i'r llall, mae'r arddull derfynol yn "ddu" ac felly mae'r un yn ennill.

p {lliw: coch; }
p {lliw: du; }

Sut mae newidiadau pwysig y Flaenoriaeth

Nawr eich bod chi'n deall sut y mae'r CSS yn prosesu rheolau bron yr union yr un fath, gallwn ni edrych ar sut mae'r gyfarwyddeb pwysig! Yn newid pethau ychydig.

Mae'r gyfarwyddeb bwysig! Yn effeithio ar y modd y mae eich rhaeadrau CSS wrth ddilyn y rheolau y teimlwch yn fwyaf hanfodol ac y dylid eu cymhwyso. Mae rheol sydd â'r gyfarwyddeb bwysig! Bob amser yn cael ei chymhwyso waeth ble mae'r rheol honno'n ymddangos yn y ddogfen CSS.

Er mwyn gwneud y testun paragraff bob amser yn goch, o'r enghraifft uchod, byddwch yn defnyddio:

p {lliw: coch! pwysig; }
p {lliw: du; }

Nawr bydd yr holl destun yn ymddangos yn goch, er bod y gwerth "du" wedi'i restru yn ail. Mae'r gyfarwyddeb bwysig! Yn gorchuddio rheolau arferol y rhaeadr ac mae'n rhoi'r fanylder uchel iawn i'r arddull honno.

Pe bai angen holl baragraffau i chi ymddangos yn goch, byddai'r arddull hon yn ei wneud, ond nid yw hynny'n golygu bod hyn yn arfer da. Gadewch i ni edrych eto pan fyddwch chi eisiau ei ddefnyddio! Pwysig a phryd nad yw'n briodol.

Pryd i Ddefnyddio! Yn bwysig

Mae'r gyfarwyddeb bwysig! Yn ddefnyddiol iawn pan fyddwch chi'n profi a dadfygio gwefan. Os nad ydych yn siŵr pam nad yw arddull yn cael ei defnyddio ac yn meddwl y gallai fod yn fater penodoldeb, gallwch ychwanegu'r datganiad pwysig! I'ch steil i weld a yw hynny'n ei atal.

Os yw ychwanegu! Yn bwysig, mae'n wir yn gosod y broblem arddull, rydych chi newydd benderfynu ei bod yn fater penodoldeb. Fodd bynnag, nid ydych am adael y cod pwysig hwnnw hwnnw ar waith, dim ond at ddibenion profi y rhoddwyd yno.

Gan fod profion yn cael ei wneud, dylech nawr ddileu'r gyfarwyddeb honno ac addasu'ch detholydd i gyflawni'r uniondeb sydd ei angen arnoch i sicrhau bod eich arddull yn gweithio. ! Ni ddylai pwysig fod yn rhan o'ch safleoedd cynhyrchu, yn rhannol oherwydd sut mae'n newid y rhaeadru arferol.

Os ydych chi'n pwyso'n rhy drwm ar y datganiad pwysig! I gyflawni eich arddulliau a ddymunir, bydd gennych ddalen arddull â steiliau pwysig! Byddwch yn newid yn sylfaenol sut mae CSS y dudalen yn cael ei phrosesu. Mae'n arfer diog nad yw'n dda o safbwynt rheoli tymor hir.

Defnyddiwch! Bwysig ar gyfer profi neu, mewn rhai achosion, pan fyddwch yn hollol orfodol ar arddull mewnol sy'n rhan o fframwaith thema neu dempled.

Hyd yn oed yn yr achosion hynny, defnyddiwch y dull hwn mor gyflym â phosib ac yn hytrach ymdrechu i ysgrifennu taflenni arddull glân sy'n deall y rhaeadru.

Taflenni Arddull Defnyddiwr

Mae un nodyn terfynol ar y gyfarwyddeb bwysig! Sy'n hanfodol i'w deall. Rhoddwyd y gyfarwyddeb hon ar waith hefyd i helpu defnyddwyr y dudalen we i ymdopi â thaflenni arddull sy'n gwneud tudalennau'n anodd iddynt eu defnyddio neu eu darllen.

Fel arfer, os yw defnyddiwr yn diffinio dalen arddull i weld tudalennau gwe, mae'r daflen arddull honno wedi'i orchuddio gan ddalen arddull yr awdur tudalen we. Os yw'r defnyddiwr yn nodi arddull mor bwysig, mae'r arddull honno'n gorchuddio dalen arddull yr awdur tudalen we, hyd yn oed os yw'r awdur yn nodi rheol fel! Pwysig.

Mae hyn yn ddefnyddiol i ddefnyddwyr sydd angen gosod arddulliau mewn ffordd benodol. Er enghraifft, efallai y bydd angen i rywun gynyddu meintiau ffont diofyn ar yr holl dudalennau gwe y maent yn eu defnyddio. Drwy ddefnyddio'ch cyfarwyddeb bwysig! Yn anaml iawn o fewn y tudalennau rydych chi'n eu hadeiladu, byddwch yn darparu unrhyw anghenion arbennig sydd gan eich defnyddwyr.

Golygwyd gan Jeremy Girard