CSS, of Cascading Style Sheets, binne wat brûkt yn moderne webside-ûntwerp om de fisueel look nei in side oan te passen. Hoewol HTML kreëart de struktuer fan 'e side en Javascript kin behannelingen behannelje, it look en fiele fan in webside is it domein fan CSS. As it giet om dizze stilen, wurde se faak tapast mei eksterne stylblêden, mar jo kinne CSS-stilen ek applisearje oan in single, spesifike elemint troch te brûken wat bekend is as "ynline-stilen".
Inline-stylen binne CSS-stilen dy't direkt yn 'e side fan' e siden brûkt wurde. Der binne beide foardielen en neidielen oan dizze oanpak. Earst, litte wy sjen hoe't dizze stilen skreaun binne.
Hoe kinne jo in ynline-styl opjaan
Om in ynliny CSS-styl te meitsjen, begjinne jo troch jo styl-eigenskip te skriuwen, lykas jo wolle yn in stylblêd, mar it moat elke line wêze. Separate meardere eigenskippen mei in semykolon krekt sa't jo wolle yn in stylblêd.
eftergrûn: #ccc; color: #fff; border: solid black 1px;
Plak dizze line fan stilen yn 'e styl-attribút fan it elemint dat jo styl meitsje wolle. As jo bygelyks dizze styl op in paragraaf yn jo HTML tapasse woe, sil dit elemint sa sjen:
Yn dit foarbyld sil dit bepaalde paragraaf ferskine mei in ljocht griis eftergrûn (dat is wat #ccc jouwe), swarte tekst (fan 'e kleur # 000), en mei in 1-piksel-wreide swarte grins om alle fjouwer siden fan' e paragraaf .
Advintes fan ynline stilen
Troch de cascade fan Cascading Style Sheet-ynline-stilen hawwe de heechste prioriteit of spesifike yn in dokumint. Dit betsjut dat se tapast wurde saak as jo oars yntsjinje yn jo eksterne stylblêd (mei de iene útsûndering binne elke stilen dy't de belangrike deklaraasje fan it blêd jûn wurde, mar dit is net wat dat oan produksjes is te dwaan as it kin foarkommen wurde).
De ienige stilen dy't hegere prioriteit hawwe as ynline-stilen binne brûkersstilen dy't tapast wurde troch de lêzers sels. As jo problemen hawwe om jo wizigings te wiskjen, kinne jo besykje yn in elemint ynstellings te setten. As jo stilen noch net sjen litte mei in ynlinystyl, dan witte jo dat der wat oars giet.
Inline-stylen binne maklik en maklik om te foegjen en jo moatte net soargje foar it skriuwen fan de goeie CSS-seleksje, om't jo de stilen direkt oan it elemint taheakje wolle dat jo wizigje (dat elemint it selektearder skriuwst dat jo skriuwt yn in ekstern stylblêd ). Jo moatte net in hiele nije dokumint meitsje (lykas mei eksterne stylblêden) of in nij elemint yn 'e holle fan jo dokumint (lykas mei ynterne stylblêden). Jo addt it styl-attribút dat jildt op hast elke HTML-elemint. Dit binne alle redenen wêrom't jo ferhelle wurde om ynline-stilen te brûken, mar jo moatte ek bewust wêze fan wat heul wichtige neidielen oan dizze oanpak.
Nêst fan ynline stilen
Om't ynline stilen se de meast spesifike binne yn 'e kaskade, kinne se oergean kinne dingen dy't jo se net hawwe. Sy ferwiderje ek ien fan 'e machtichste aspekten fan CSS - de mooglikheid om lotsjes en in soad websteeën te styl te meitsjen fan in sintraal CSS-bestân om future updates en styl feroaringen folle makliker te beheinen.
As jo inkeld ynline-stilen brûke moasten, wurde jo dokuminten gau ferbaarnd en tige hurd om te ûnderhâlden. Dit is om't ynline stylen oan elke elemint oanwêzich wêze moatte dy't jo wolle. As jo al jo ôfdielingen wolle om de lettertypefamylje "Arial" te hawwen, moatte jo in ynlinystyl taheakje oan elke
tag yn jo dokumint. Dit tafoegje sawol ûnderhâld wurk foar de ûntwerper en tiid foar de lêzer te downloaden, om't jo dit op elke side feroarje moatte op jo side om dizze font-family te feroarjen. As alternatyf as jo in apart stylblêd brûke, dan kinne jo it yn ien plak ommeitsje en hawwe elke side dizze update krigen.
Wierlik is dit in stap werom yn web design - werom de dagen fan 'e tag!
In oar neidiel foar ynline stylen is dat it ûnmooglik is om pseudo-eleminten en -klassen mei har te stylen. Bygelyks, mei eksterne stylblêden kinne jo de besocht, hoverje, aktive-en keppelkleur fan in ankerket tag stean, mar mei in ynline-styl, alles dat jo styl kinne is de keppeling sels, om't dat it styl attribút befettet oan .
Lêstendom advisearje wy gjin ynlline-stilen foar jo websiden om't se problemen feroarsaakje en meitsje de siden safolle mear om te ûnderhâlden. De iennichste tiid dy't se brûke is as wy in ûntwerp fluch yn 'e ûntwikkeling wolle. Ienris hawwe wy it krekt foar it ien elemint sjoen, wy passe it nei ús eksterne stylblêd.
Boarne artikel fan Jennifer Krynin. Edited by Jeremy Girard.