Inline, Embedded an extern Bausseblieder: Hei musst Dir wëssen
Front-End-Websäit Entwécklung gëtt oft als 3-legged Hocker. Dës Been sinn déi folgend:
Déi zweet Been vum Stool, CSS oder Cascading Style Sheets, ass wat mir haut hei fannen. Speziell wäerte mir d'3 Arten vu Stiler adressen, déi Dir zu engem Dokument addéiere kann.
- Inline Styles
- Embedded Styles
- Äusserst Stiler
All dës Zorte vu CSS Stiwwelen hunn hir Virdeeler an Nofolger, also liesen eis eng méi déif Optioun vun all eenzelnen.
Inline Styles
Inline Stile sinn Stile, déi direkt am Zäiten am HTML Dokument geschriwwe ginn. Inline Stile beaflossen nëmmen de spezifesche Tag deen se ugewannt ginn. Hei ass e Beispill vun engem Inline-Stil, deen op eng normaler Link applizéiert gëtt, oder anchor,
Dës CSS Regel huet d'Standard-Zeilveraarbechtung vun dësem Link ze maachen. Et giff awer keen anere Link op der Säit änneren. Dëst ass ee vun de Limiten vun Inline Stile. Well se nëmmen op e spezifeschen Element ännere musst, musst Dir Är HTML mat dësen Stiler oflafen fir e tatsächlech Säitentwurf z'erreechen. Dat ass net e bescht Praxis. Tatsächlech ass et ee Schrëtt vu de Deeg vun "Schrëft" Variatiounen an der Mëschung aus Struktur a Stil an Webseiten.
Inline Stile hunn och ganz héich Spezifizitéit.
Dëst mécht et ganz schwéier mat anere, on-inline Stiler ze iwwersetzen. Zum Beispill, wann Dir e Site respektéiert wëllt änneren an Änneren, wéi e Element op gewësse Breakpoints kuckt, andeems Dir Medikamenter queries benotzt , Inline Styles op engem Element wäert dat ganz schwéier maachen.
Letztendlech sinn Inline Stile wierklech nëmmen richteg wann se se méi spéit benotzt ginn.
Eigentlech benotzt ech selwen Zollformulen op meng Websäiten.
Embedded Styles
Embedded Styles are Styles déi am Kapp vum Dokument beaflosst sinn. Embedded Styles beaflossen nëmmen d'Tags op der Säit déi se agebaut hunn. Eent nach eng Kéier negativt dës Approche enger vun de Stärken vun CSS. Well all Säit géif Styles am
, wann Dir wëllt eng Sitewide geännert hunn, wéi Ännere vun der Faar vu Links vu roude bis gréng, Dir musst dës Ännerung op all Säit maachen, well all Säit eng embedded Stylesheet benotzt. Dëst ass besser wéi Inline Stile, awer nach vill ze vill Problemer.
Stylesheetsheets dat addéieren
En Dokument ass och e wesentleche Betrag vun der Markup Code fir dës Säit, déi d'Säit och méi här méi kënne verwalten fir an Zukunft ze verwinnen.
De Benefice vun embedded Stylesheet ass datt d'Luucht direkt mat der Säit selwer ass, anstatt aner externe Fichier ze léisen. Dëst kann e Virdeel vu Geschwindegkeets- a Performanceleistung sinn .
Externe Stilblieder
Déi meescht Websäiten heutzelen heutzelen externen Formblatisten. Externe Stile sinn Stile, déi an engem separaten Dokument geschriwwe sinn an an déi verschidde Websäite befestigen. Externe Stylblätter kënnen all Dokument beaflossen, deen se matenee verbonne sinn, wat heescht datt wann Dir eng 20 Säiten Websäit benotzt, wou all Säit déiselwecht Stëftel benotzt (dat ass typesch wéi et geschitt ass), kënnt Dir e visuell Ännerung an all vun deenen Säiten duerch einfach Änneren dëse Stylblatt.
Dëst maacht méi langfristeg Sitemanagement vill méi einfach.
Den Nopeschande vun externe Formblieder ass datt se se Säiten fir dës externe Fichieren ze liesen an z'elueden. Net all Säit benotzt all Stil am CSS Blatt, sou datt vill Säiten eng méi grouss ginn CSS Säit wéi dat eigentlech brauchen.
Trotzdem ass et richteg, datt et e Leeschtungsverletzer fir extern CSS Dateien gëtt, kann et sécherlech minimal sinn. Realistesch sinn CSS Dateien just Textdateien, sou datt se normaler net ganz grouss sinn fir ze beginnen. Wann Äre ganze Site 1 CSS Datei benotzt, kritt Dir och de Virdeel vun dësem Dokument dat geheelt gëtt no der Ufankszäit gelueden.
Dëst bedeit datt et e klengen Avance op der éischter Säit e puer Visite besichen kéint, awer nach aner Säiten benotzen d'zwéi CSS-Datei, sou datt all Treffer negéiert ginn. Externe CSS-Dateien sinn esou wéi ech all meng Websäiten bauen.