Virdeeler a Unzuel vun Inline Styles bei CSS

CSS oder Cascading Style Sheets, sinn am modernen Websäite-Design benotzt fir de visuelle Bléck op eng Säit z'änneren. HTML gëtt d'Struktur vun der Säit erstallt an d'Javascript kann Verhale verfollegen, de Look and Feel vun enger Websäit ass den Domain vu CSS. Wann et u dës Stile kënnt, ginn se meeschtens mat externe Formblieder applizéiert, awer Dir kënnt och CSS-Styles an een eenzegen spezifeschen Element applizéieren, andeems Dir "Inline Styles" benotzt.

Inline Stile CSS-Styles déi direkt an der HTML-Säit applizéiert ginn. Et gi Virdeeler an Nodeeler déi dës Approche sinn. Éischtens, kuckt no genau wéi dës Stile geschriwwe sinn.

Wéi Dir e Inline Style schreift

Fir e Inline CSS-Stil ze schafen, fänkt Dir un Äre Stilemaart ze schreiwen, ähnlech wéi Dir an engem Stilblat wëllt hunn, awer et muss all eng Linn sinn. Separéiert verschidde Eegeschafte mat engem Semicolon genee wéi Dir an engem Stilblat wëllt.

Hannergrond: #ccc; color: #fff; Grenz: festen schwaarzen 1px;

Gitt dës Zeil vun Stiler am Stil Attribut vum Element, deen Dir styléiert wëllt. Zum Beispill, wann Dir dëse Stil un engem Paragraf an Ärem HTML wende wollt, wäert dëst Element esou ausgesinn:

An dësem Beispill weist dëse bestëmmten Ofsatz mat engem hellgräifendem Hintergrund (dat wat #ccc géif maachen), schwarzer Text (vun der # 000fär) a mat enger 1-Pixel-schwaarz schwaarz Grenz um ganze véier Sätz vum Paragraphe .

Virdeeler vun Inline Styles

Dank der Kaskade vu Cascading Style Sheet Inline Stile hunn den héchsten Vorepresident oder Spezifitéit an engem Dokument. Dëst bedeit datt se egal wat an Ärem externe Stelltheet applizéiert gëtt (mat der Ausnam si keng Stiler, déi den! Wichteg Deklaratioun hunn déi Blat, mee dëst ass net eppes dat an Produktionsplazen geschitt soll ginn, wann et kann verhënneren).

Déi eenzeg Styles, déi méi héich sinn wéi Inline Stile, sinn Uspréch vun den Lieser selwer. Wann Dir Problemer hutt fir Är Ännerungen ze bewerbegeet, kënnt Dir Äert Inline-Stil op den Element setzen. Wann Dir Stiler nach ëmmer net mat engem Inline-Stil affichéieren, wësst Dir et ass eppes anert weider.

Inline Stile sinn einfach a séier ze addéieren an Dir braucht Iech keng Suergen ze maachen, de CSS selector ze schreiwen, well Dir d'Stiler direkt un de Element kënnt Dir ännere wëllt (deen Element am wesentleche ersetzt den Selektor deen Dir schreiwt an engem externen Stylblat ). Dir musst net e ganz ganz neie Dokument erstellen (wéi mat externe Formblieder) oder en neit Element am Kapp vun Ärem Dokument änneren (wéi mat internem Stilblat). Dir addéiere just d'Stil Attribut dat gëlt op nawell all HTML Element. Dëst sinn alle Grënn, firwat Dir Versuchung benotzt, Inline Styles ze benotzen, awer Dir musst och e puer ganz wichteg Nodeeler hunn dës Approche.

Nodeel vun Inline Styles

Well Instrumenter sinn déi spezifesch sinn an der Kaskade, kënne se d'Saache réckelen, déi Dir se net gemaach hunn. Si vermëttelen och e vun de mächtegsten Aspekter vun der CSS - d'Kapazitéit fir vill Stéck a vill Websäiten aus enger zentraler CSS-Datei ze modelléieren, fir zukünfteg Aktualiséierung an Style Modus méi einfach ze administréieren.

Wann Dir musst just Inline Stile benotzen, ginn Är Dokumenter schnell séier gebéit a ganz schwéier fir z'erhalen. Dëst ass well Inline Stile fir all Element benotze musst Dir se op. Also wann Dir all Är Absätze fir d'Schrëftfamill "Arial" hutt, musst Dir e Inline-Stil fir all

Tag an Ärem Dokument addéieren. Dëst fënnt d'Maintenance-Aarbechte fir den Designer an d'Downloadzeit fir de Lieser, well Dir braucht dat op all Säit op Ärer Säit z'änneren fir dës Schrëftfamill ze änneren. Alternativ, wann Dir e seet verschidde Stylesheet benotzt, kënnt Dir et an engem Punkt ukucken an all Säit déi Aktualiséierung kréien.

Wëssenschaftlech ass et e Stagewëllen am Webdesign - Back Déi Deeg vum Tag!

En anere Nodeel fir Inline Stile ass datt et net méiglech Pseudo-Elementer an -classes mat hinnen ze stëllen. Zum Beispill, mat externen Formblieder léisst Dir déi besicht, héije, aktive a Linkerfär vun engem Verankerungstil stilistéieren, awer mat engem Inline-Stil, all Dir kënnt Stil ass de Link selwer, well dat ass dat Stil Attribut ass mat .

Letztendlich recommandéiere mir keng Inline Styles fir Är Websäiten ze benotzen, well se Problemer hunn an d'Säiten vill méi ze erhalen. Déi eenzeg Zäit, déi mir se benotze sinn, ass wann Dir eis während der Entwécklung e Styl schnell iwwerpréift. Nodeems mir et richteg fonnt hunn fir deen een Element, fuere mer op eisen externen Stylblat.

Ursprénglech Artikel vum Jennifer Krynin. Edited by Jeremy Girard.