Inline, sisseehitatud ja välimised stiililehed: siin peate teadma
Esirinnas olev veebisaidi arendamine on sageli 3-jalaga väljaheites. Need jalad on järgmised:
Selle väljaheite, CSS või kaskaaditavate stiilide lehtede teine jalg on see, mida me siin täna vaatame. Täpsemalt tahame käsitleda kolme tüüpi stiili, mida saate dokumendile lisada.
- Inline stiilid
- Manustatud stiilid
- Välised stiilid
Igal sellisel CSS-i stiilil on oma eelised ja puudused, nii et võtame põhjalikuma pildi igaüks neist eraldi.
Inline Styles
Inline-stiilid on stiilid, mis on HTML-dokumendis otseselt märgitud. Inline-stiilid mõjutavad ainult seda spetsiifilist märgendit, millele neid rakendatakse. Siin on standardliinile või ankru tagale lisatud standardse stiili näide:
See CSS-reegel muudab selle ühe lingi tavapärase esiletõstmise tekstilise kujunduse. See aga ei muuda lehel ühtki muud linki. See on üks sisseehitatud stiilide piirangutest. Kuna need muudavad ainult kindlat eset, siis peate oma reklaami tegemiseks realiseerima oma HTML-faili nende stiilidega. See ei ole parim tava. Tegelikult on see üks samm eemaldatud päeva "font" sildid ja segu struktuuri ja stiili veebilehti.
Sisemine stiilidel on ka väga kõrge spetsiifilisus.
See muudab need väga raske üle kirjutada teiste mitte-inline stiile. Näiteks kui soovite, et sait reageeriks ja muudaks seda, kuidas element vaatab teatud murdepunkte, kasutades meediumipäringuid , muudab selle elemendi elementaarsed stiilid seda väga raskeks.
Lõppkokkuvõttes on inline stiilid väga asjakohased, kui neid kasutatakse väga säästlikult.
Tegelikult harva kasutan oma veebisaitidel harilikke stiile.
Manused stiile
Manustatud stiilid on stiilid, mis on dokumendi peas asuvad. Sisseehitatud stiilid mõjutavad ainult neid lehti, milles nad on sisse lülitatud. Veelgi enam, see lähenemisviis eitab ühte CSS-i tugevust. Kuna igal lehel on stiilid
, kui soovite muuta saidilaiendusi, näiteks muuta punaste ja roheliste linkide värvi, peate selle muudatuse tegema igal lehel, kuna igal lehel kasutatakse sisseehitatud stiililehte. See on parem kui sisemine stiil, kuid paljudel juhtudel on see endiselt problemaatiline.
Styleshetid, mis lisatakse
lisage sellele lehele märkimisväärse hulga märgistus-koodi, mis võib muuta lehe keerukamaks ka tulevikus.
Varjatud stiililehtede eeliseks on see, et koormus kohe lehe enda jaoks, selle asemel, et nõuda teisi väliseid faile, mida saab laadida. See võib olla kasulik allalaadimise kiirusest ja jõudluse perspektiivist .
Välised stiililehed
Enamik veebisaite kasutavad täna väliseid stiile. Välised stiilid on stiilid, mis on kirjutatud eraldi dokumendis ja seejärel erinevatele veebidokumentidele lisatud. Välised stiililehed võivad mõjutada kõiki dokumente, millele need on lisatud, mis tähendab, et kui teil on 20-leheküljeline veebisait, kus igal leheküljel on sama stiilileht (tavaliselt see on nii), saate igaüks neist visuaalselt muuta neist lehtedest, lihtsalt redigeerides seda stiililehte.
See muudab pikaajalise koha haldamise palju lihtsamaks.
Väliste stiilide lehtedeks on negatiivne külg selline, et nad nõuavad lehti nende väliste failide laadimiseks ja laadimiseks. Mitte iga leht ei kasuta CSS-i lehel kõiki stiile, nii et paljud lehed laadivad palju suurema CSS-i lehe kui see, mida tegelikult vaja on.
Kuigi on tõsi, et väliseid CSS-faile on jõudlust tabanud, saab kindlasti minimeerida. Realistlikult on CSS-failid lihtsalt tekstifailid, nii et need ei pruugi üldjuhul esialgu olla väga suured. Kui kogu teie sait kasutab ühte CSS-faili, saab selle dokumendi kasuks ka pärast esmakordset laadimist.
See tähendab, et esimesel lehel võib mõne külastuse korral esineda väike jõudlus, kuid järgnevad lehed kasutavad puhverdatud CSS-faili, nii et kõik kokkulangud oleksid negatiivsed. Välised CSS-failid on, kuidas ma ehitan kõik minu veebilehed.