CSS, eða Cascading Style Sheets, er það sem er notað í nútíma vefhönnun til að beita sjónrænu útlitinu á síðu. Þó að HTML skapi uppbyggingu síðunnar og Javascript getur séð hegðun, er útlit og álit vefsvæðis lén CSS. Þegar það kemur að þessum stílum er það oftast notað með því að nota ytri stílblöð, en þú getur einnig notað CSS-stíl við eina tiltekna þætti með því að nota það sem kallast "inline styles."
Inline stíll er CSS stíll sem er beitt beint á HTML síðunnar. Það eru bæði kostir og gallar við þessa nálgun. Í fyrsta lagi skulum við skoða nákvæmlega hvernig þessi stíll er skrifaður.
Hvernig á að skrifa Inline Style
Til að búa til inline CSS stíl, byrjar þú með því að skrifa stíll eign þína svipað og hvernig þú myndir í stíll lak, en það þarf að vera allur einn lína. Skilgreindu margar eignir með hálfkrossi eins og þú myndir gera í stílblaði.
bakgrunnur: #ccc; litur: #fff; landamæri: solid svartur 1px;
Setjið þessi lína af stíll inni í stúkueiginleikum frumefnisins sem þú vilt vera stíll. Til dæmis, ef þú vildir nota þennan stíl við málsgrein í HTML þínum, þá myndi þessi þáttur líta svona út:
Í þessu dæmi mun þetta tiltekna málsgrein birtast með ljós gráum bakgrunni (það er það sem #ccc myndi gera), svartur texti (frá # 000 liturinn) og með 1 pixla solid svartur landamæri í kringum allar fjórar hliðar málsins .
Kostir Inline Stíll
Þökk sé Cascade Style Sheet inline stílin hafa hæsta forgang eða sérstöðu í skjali. Þetta þýðir að þeir eru að fara að beita sama hvað annað er ráðið í ytra stílblaðinu þínu (með einum undantekningunni eru allir stíll sem er gefinn! Mikilvægur yfirlýsing þessi lak, en þetta er ekki eitthvað sem ætti að gera á vefsíðum ef það má forðast).
Eina stíllinn sem hefur hærra forgang en inline stíl er notendastíll notaður af lesendum sjálfum. Ef þú átt í vandræðum með að breyta breytingum þínum, þá getur þú reynt að setja inn línu á frumefni. Ef þú stillir ekki ennþá með því að nota inline stíl, þú veist að eitthvað er að gerast.
Inline stíl er auðvelt og fljótlegt að bæta við og þú þarft ekki að hafa áhyggjur af því að skrifa rétta CSS valið þar sem þú bætir stílunum beint við þá þátt sem þú vilt breyta (þessi þáttur kemur í raun í stað valinn sem þú myndir skrifa í ytri stíl ). Þú þarft ekki að búa til nýtt skjal (eins og með ytri stílblöð) eða breyta nýju hlutanum í höfuð skjalsins (eins og með innri stílblöð). Þú bætir bara við stiltegundinni sem gildir á næstum öllum HTML-atriðum. Þetta eru allar ástæður fyrir því að þú gætir freistast til að nota inline stíl, en þú verður einnig að vera meðvitaðir um mjög verulegar ókostir við þessa nálgun.
Ókostir Inline Stíll
Vegna þess að inline stíll sem þeir eru mest sérstakar í Cascade, þeir geta yfir-ríða hlutir sem þú ætlar ekki að þeim. Þeir negta einnig einn af öflugustu þáttum CSS - getu til að stilla fullt af vefsíðum úr einum CSS-miðlægum skrá til að gera framtíðaruppfærslur og stíl breytast mun auðveldara að stjórna.
Ef þú þurfti að nota aðeins innlínustíl, myndu skjölin þín fljótt verða uppblásin og mjög erfitt að viðhalda. Þetta er vegna þess að innsláttarstíll verður að beita til allra þátta sem þú vilt að þau séu á. Svo ef þú vilt að öll liður þinn sé með leturgerðina "Arial" verður þú að bæta innlínustíl við hvert
merki í skjalinu þínu. Þetta bætir bæði viðhaldsvinnu fyrir hönnuðurinn og niðurhalsstíma fyrir lesandann þar sem þú þarft að breyta þessu yfir hverri síðu á síðunni þinni til að breyta því leturfundi. Að öðrum kosti, ef þú notar sérstakt stílblöð geturðu breytt því á einum stað og fengið allar uppfærslur á hverjum síðu.
Sannlega er þetta skref aftur á bak við vefhönnun - aftur dagana tagið!
Annar galli við inline stíl er að það er ómögulegt að stilla gervi-þætti og -klasa með þeim. Til dæmis, með ytri stílblöð, getur þú stíll heimsótt, sveima, virkan og hlekk lit á akkeri tagi, en með inline stíl er allt sem þú getur stíll tengillinn sjálfur, því það er það sem stafir eiginleiki er tengt við .
Að lokum mælum við með því að nota ekki innlínustíl fyrir vefsíður þínar vegna þess að þær valda vandamálum og gera síðurnar miklu betra að viðhalda. Eina skiptið sem við notum þá er þegar við viljum skoða stíl fljótt meðan á þróun stendur. Þegar við höfum fengið það að leita rétt fyrir þann eina þátt, færum við það í ytri stílalið okkar.
Frumgerð grein eftir Jennifer Krynin. Breytt af Jeremy Girard.