CSS või Cascading Style Sheets on mida kasutatakse tänapäeva veebisaidi disainis, et rakendada visuaalset välimust lehele. Kuigi HTML loob lehe struktuuri ja Javascript võib käitumist käsitleda, on veebisaidi välimus ja tunne CSS-i domeenis. Nende stiilide puhul kasutatakse neid kõige sagedamini välistest stiililehtedest, kuid võite ka CSS-stiile ühele konkreetsele elemendile rakendada, kasutades neid, mida nimetatakse "inline stiilidena".
Inline stiilid on CSS-i stiilid, mida kasutatakse otse lehe HTML-is. Sellisele lähenemisele on nii eelised kui ka puudused. Kõigepealt vaatame täpselt, kuidas need stiilid on kirjutatud.
Kuidas sisestada stiili
Sisseehitatud CSS-i stiili loomiseks alustate kirjutades stiili omadusi sarnaselt stiililehtedega, kuid see peab olema kogu rida. Erinevad mitu omadust semikooloniga, nagu oleksite stiililehel.
taust: #ccc; värv: #fff; piir: tahke must 1px;
Asetage see stiili rida elemendi stiili atribuudist, mida soovite stiili lisada. Näiteks kui soovite seda stiili kohaldada oma HTML-i lõigus, näeb see element välja järgmiselt:
Selles näites ilmub see konkreetne punkt helehalli taustaga (see, mida #ccc võiks muuta), must tekst (alates # 000 värvi) ja 1-piksliline must musta piirjoone ümber lõigu kõigi nelja külje .
Inline Styles eelised
Tänu Cascading Style Sheet'i liinide kaskaadile on põhilised stiilid dokumendis kõige kõrgemad või spetsiifilisemad. See tähendab, et neid hakatakse kohaldama olenemata sellest, mida veel on oma välise stiililehega dikteeritud (üks erand on mis tahes stiilid, millele antakse! Olulise avalduse see leht, kuid see ei ole midagi, mida tuleks teha tootmiskohtades, kui see saab vältida).
Ainsad stiilid, millel on kõrgem eelis kui inline stiilid, on kasutajate stiilid , mida lugejad ise rakendavad. Kui teil on probleeme oma muudatuste rakendamisega, võite proovida elemendis sisestatud stiili. Kui teie stiilid ei näita ikka sisemist stiili kasutades, siis teate, et asi on midagi muud.
Inline-stiilid on hõlpsasti ja kiiresti lisatavad ja te ei pea muretsema korraliku CSS-valija kirjutamise pärast, kuna lisate stiile vahetult elemendile, mida soovite muuta (see element asendab põhiliselt valijat, mida kirjutad välisele stiililehele ) Teil ei ole vaja luua täiesti uut dokumenti (nagu välise stiililehega) või muuta dokumendi peas uut elementi (nagu ka sisemiste lehtedega). Lihtsalt lisage stiili atribuut, mis kehtib peaaegu iga HTML-elemendi kohta. Need on kõik põhjused, miks teil võib tekkida kiusatus kasutada inline stiile, kuid peate arvestama ka selle lähenemisviisi väga oluliste puudustega.
Inline Styles puudused
Kuna inline stiilid on kaskaadis kõige konkreetsemad, võivad nad üle vaadata asju, mida te ei soovinud. Nad kaotavad ka ühe CSS-i kõige võimsama osa - võime stiilida palju ja palju veebisaite ühest CSS-failist, et tulevaste värskenduste ja stiili muudatuste tegemine oleks palju lihtsam hallata.
Kui teil oli vaja kasutada ainult inline stiile, muutuksid teie dokumendid kiiresti pahaks ja säilitaksid väga raske. Seda seetõttu, et sisemist stiili tuleb rakendada igale elemendile, mida soovite. Nii et kui soovite, et kõigil teie lõikudel oleks fondirühm "Arial", peate oma dokumendis lisama igale
sildile sisseehitatud stiili. See lisab lugeja jaoks nii hooldustöid disainerile kui ka laadimisaega, kuna teil on vaja muuta seda saidi kõiki lehti, et fondi perekonda muuta. Teise võimalusena, kui kasutate eraldi laaditabeli, võite selle muuta ühes kohas ja iga leht saab selle värskenduse.
Tõepoolest, see on veebidisaini samm tagasi - tagasi tagi päeva!
Veel üks puudus on-line stiilideks on see, et neid ei saa klassifitseerida pseudoelementide ja -klassidega. Näiteks väliste stiilide lehtedega saate stiimulit ankurdussildi külastatud, hõljumise, aktiivse ja lingi värvi stiili, kuid sisemise stiiliga saab kõik stiiliks olla ling ise, kuna sellel on stiili atribuut .
Lõppkokkuvõttes ei soovitata oma veebisaitidel sisemist stiili kasutada, kuna need põhjustavad probleeme ja muudavad lehtede säilitamiseks palju tööd. Ainus, kui me neid kasutame, on see, kui me tahame kiiret arendustöö käigus stiili kontrollida. Kui see on selle ühe elemendi jaoks otstarbekas, viime see meie välisele stiililehele.
Jennifer Krynini korraline artikkel. Redigeeris Jeremy Girard.