CSS

CSS yw'r acronym ar gyfer Rhaeadrau Arddull Rhaeadrol

Offeryn pwerus ar gyfer dylunwyr gwe a datblygwyr, sy'n caniatáu iddynt reoli edrychiad a chynllun tudalennau gwe lluosog ar yr un pryd. Gellir ei ddefnyddio mewn tair ffordd: mewn llinell, yn y pennawd (mewnol), ac fel ffeil dalen arddull atodedig (allanol). Mae gan bob dull ei achos defnydd a'i fanteision.

CSS Mewnol

Mae'r dull hwn yn golygu gosod rheolau CSS yn uniongyrchol o fewn elfen HTML, gan ddefnyddio'r nodwedd “arddull”. Gall pob elfen HTML gael ei nodwedd arddull ei hun, sy'n cynnwys unrhyw nifer o briodweddau CSS.

Defnydd:

<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>

Pros: Mae'n ddefnyddiol ar gyfer newidiadau a phrofion steilio cyflym ar raddfa fach.
anfanteision: Gan fod arddulliau'n cael eu cymhwyso'n unigol i elfennau, mae'r dull hwn yn aneffeithlon ar gyfer steilio dogfennau mawr. Mae hefyd yn annibendod y cod HTML ac nid yw'n ffafriol i arddullio cyson ar draws gwahanol elfennau neu dudalennau.

CSS Mewnol

Yma, gosodir rheolau CSS o fewn a <style> tag yn adran pen dogfen HTML. Defnyddir y dull hwn i ddiffinio arddulliau ar gyfer un dudalen.

Defnydd:

<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>

Pros: Defnyddiol ar gyfer arddulliau sy'n unigryw i un dudalen. Mae'n cadw HTML a CSS mewn un ffeil, a all fod yn symlach i'w rheoli ar gyfer prosiectau bach neu ddogfennau un dudalen.
anfanteision: Fel gyda CSS mewnol, nid yw'n effeithlon ar gyfer steilio tudalennau lluosog, a gall wneud dogfennau HTML yn feichus os oes llawer o CSS.

CSS Allanol

Dyma'r ffordd fwyaf cyffredin ac argymelledig o gynnwys CSS. Rhoddir rheolau CSS mewn ffeil ar wahân (gydag estyniad .css) a'u cysylltu â'r ddogfen HTML gan ddefnyddio a <link> elfen yn adran y pen.

Defnydd:

<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>

Pros: Mae'n hyrwyddo HTML glanach a mwy trefnus. Gellir ailddefnyddio arddulliau ar draws sawl tudalen, gan wneud cynnal a diweddaru golwg a theimlad y wefan yn haws. Mae hefyd yn caniatáu llwytho tudalen yn gyflymach ar ôl cyrchu'r dudalen gyntaf, gan fod y porwr yn storio'r ffeil CSS.
anfanteision: Efallai y bydd y llwyth tudalen cychwynnol yn cymryd ychydig yn hirach, gan fod rhaid i'r porwr lawrlwytho'r ffeil CSS.

Gall y dewis o weithrediad CSS effeithio ar berfformiad gwefan, cynnal a chadw a phrofiad y defnyddiwr. Gall defnydd effeithlon o CSS, taflenni arddull allanol yn bennaf, greu delwedd brand gyson, gwella amseroedd llwytho, a gwella apêl gyffredinol y wefan i ddarpar gwsmeriaid.