Cautare in site

Articol

Scrierea regulilor de stil CSS inline

Scrierea regulilor de stil CSS inline

Ce sunt regulile CSS Inline:

Sunt acele reguli CSS care sunt aplicate elementelor direct in codul html al paginii. Acestea se pot aplica oricarui element html din pagina.

Sintaxa:

Regulile CSS inline se scriu in acelasi fel ca si in foia de stil dar in acest caz sunt scrise pe aceeasi linie separate ca si in cadrul foilor de stil de semnul ( ; ).

Aceasta linie de reguli CSS poate fi aplicata asupra oricarui element din pagina html, fie ca vorbim despre tag-urile div, despre o lista, un tabel sau despre un paragraf, mai jos vedem exemplul aplicat asupra unui paragraf:

<p style="background:#000; color:#fff; border: solid red 2px;">

Tag-ul HTML Span:

Acest tag este foarte des utilizat cand vine vorba despre scrierea regulilor de stil inline. Inserarea simpla a acestuia in codul paginii HTML nu produce nici un tip de rezultate, dar daca ii aplicam un stil inline atunci vom putea aplica regulile de stil elementelor continute in interiorul acestui tag. Daca vrem de exemplu sa formatam numai o parte a paragrafului vom utiliza tagul span in acest mod:

<p>Acesta este un paragraf ce are in interior un tag span <span style="background:#000; color:#fff; border: solid red 2px;"> pentru formatarea partiala a paragrafului. </span></p>

Acesta este rezultatul pe care il vedem in browser:

regulile-css-inline-span
Avantaje:

Principalul avantaj al scrierii regulilor de stil direct in pagina este faptul ca acestea au prioritate asupra regulilor CSS continute in foile de stil externe.

Acestea se adauga in pagina in mod foarte usor si rapid direct asupra elementului care trebuie formatat, fara a trebui sa se realizeze un nou document (o foaie de stil externa ) sau sa se plaseze regulile in partea de head a documentului ( foaie de stil interna ).

Acest mod de formatare este folosit des atunci cand se utilizeaza web site-uri de tip CMS cum sunt Worpress, Joomla, etc deoarece este modul cel mai rapid si la indemana pentru a formata in mod ocazional parti din pagina fara a trebui sa se recurga la editorul CSS.

Dezavantaje:

Deoarece regulile de stil inline sunt cele mai specifice in cadrul cascadei ( CSS – Cascating Style Sheets ) acestea pot inlocui formatari continute in foile de stil externe si interne pe care nu intentionam sa le rescriem.

Acestea trebuiesc adaugate asupra fiecarui element, dar daca vrem sa aplicam de exemplu aceeasi formatare asupra tuturor paragrafelor din site-ul nostru sau asupra tuturor link-urilor sau a oricaui alt element care se repeta in pagina va trebui sa utilizam reguli care aplica intregii pagini sau intregului site, reguli care vor fi cuprinse intr-o foaie de stil externa sau in zona de head a paginii.

Va trebui sa luam in calcul si accesibilitatea si sa consideram si faptul ca viteza de incarcare a paginii are de suferit de pe urma scrierii codului CSS inline.

Pentru o mai buna intretinere a site-ului si inlesnirea actualizarilor periodice, dar si pentru facilitarea lucrului in echipa pe proiecte de dimensiuni medii si mari se recomnada realizarea de foi de stil CSS externe.


Nu sunt comentarii

Adauga Comentariu

Adresa ta de e-mail nu va fi publicata.