Cwrs Byr CSS
Y rhaeadru yw'r hyn sy'n gwneud taflenni arddull CSS mor ddefnyddiol. Yn fyr, mae'r rhaeadru yn diffinio'r gorchymyn o flaenoriaeth ar gyfer sut y dylid defnyddio arddulliau gwrthdaro. Mewn geiriau eraill, os oes gennych ddau arddull:
p {lliw: coch; }
p {lliw: glas; }
Mae'r rhaeadr yn pennu pa lliw y dylai'r paragraffau fod, er bod y daflen arddull yn nodi y dylent fod yn goch ac yn las. Yn y pen draw, gellir defnyddio un lliw yn unig i baragraffau, felly mae'n rhaid bod gorchymyn.
A chymhwysir y gorchymyn hwn gan ba detholwyr (y p yn yr enghraifft uchod) sydd â'r flaenoriaeth uchaf a pha orchymyn y maent yn ymddangos yn y ddogfen.
Mae'r rhestr ganlynol yn symleiddiad o sut mae'ch porwr yn penderfynu blaenoriaeth ar gyfer arddull:
- Edrychwch ar y ddalen arddull ar gyfer detholydd sy'n cyfateb yr elfen. Os nad oes arddulliau wedi'u diffinio, yna defnyddiwch y rheolau diofyn yn y porwr
- Edrychwch yn y daflen arddull ar gyfer detholwyr sydd wedi'u marcio! Pwysig a chymhwyso'r rhai i'r elfennau priodol.
- Bydd yr holl arddulliau yn y daflen arddull yn goresgyn arddulliau porwr diofyn (ac eithrio yn achos taflenni arddull defnyddiwr).
- Y mwyaf penodol yw'r dewisydd arddull, y mwyaf fydd y flaenoriaeth. Er enghraifft, div> p.class yn fwy penodol na p.class sy'n fwy penodol na p.
- Yn olaf, os yw dau reolau yn berthnasol i'r un elfen a bod ganddynt yr un flaenoriaeth ddetholydd, bydd yr un a lwythwyd yn olaf yn cael ei gymhwyso. Mewn geiriau eraill, darllenir y daflen arddull o'r top i'r gwaelod, ac mae arddulliau'n cael eu cymhwyso ar ben ei gilydd.
Yn seiliedig ar y rheolau hynny, yn yr enghraifft uchod, byddai paragraffau'n cael eu hysgrifennu mewn glas, oherwydd p {lliw: glas; } yn dod yn olaf yn y ddalen arddull.
Mae hwn yn esboniad symlach iawn o'r rhaeadr. Os oes gennych ddiddordeb mewn dysgu mwy am sut mae'r rhaeadr yn gweithio, dylech ddarllen Beth mae "Cascade" yn ei olygu yn Cascading Style Sheets? .