Kuidas luua väline stiilileht

Väliste stiililehtede eelised ja puudused

Cascading Style Sheets üks parimaid asju on see, et saate neid kasutada kogu saidi järjepidevuse tagamiseks. Lihtsaim viis seda teha on välise laadilehe ühendamine või importimine. Kui kasutate oma saidi iga lehe jaoks sama välise laaditabeli, võite olla kindel, et kõik lehed on sama stiiliga. Võite ka muuta tuleviku jaoks lihtsamaks. Kuna kõik lehed kasutavad sama väline stiililehte, mõjutavad kõik selle lehe muudatused iga saidi lehte. See on palju parem kui iga lehekülje eraldi muutmine!

Välisilme lehtede eelised

• Saate kontrollida mitme dokumendi välimust korraga.
  • See on eriti kasulik, kui teete oma veebisaidi loomisel inimestega seotud meeskonda. Paljusid stiili reegleid võib olla raske meeles pidada ja kui teil on trükitud stiilijuhendit, on ebaefektiivne ja tüütu, et seda pidevalt läbi vaadata, et määrata, kas näiteks teksti tuleb kirjutada 12-punktilise Arial-fondi või 14-punktilise kulleriga. Kui kõik on ühes kohas ja kuna see koht on ka seal, kus te muudate, saate hooldust teha nii palju lihtsamaks.
• Võite luua stiiliklassid, mida saab seejärel kasutada paljudel erinevatel HTML-elementidel .
  • Kui kasutate tihti teatud tüüpi stiili, et rõhutada oma lehel erinevaid asju, võite kasutada selle stiili lehel olevat klassi atribuuti, mis on määratud selle stiili kujundamiseks, selle asemel, et määratleda konkreetse stiili iga rõhk.
• Te saate hõlpsalt oma stiile rühmitada, et olla efektiivsem.
  • CSS-i jaoks saadaval olevaid rühmitusmeetodeid saab kasutada välistes stiililehtedes, mis võimaldab teil oma lehtedel rohkem kontrolli ja paindlikkust.

Välistemplite puudused

• Välised stiililehed võivad suurendada allalaadimisaega, eriti kui need on väga suured. Kuna CSS-fail on eraldi dokument, mis tuleb laadida, mõjutab see selle allalaadimise toimivust.
• Väliste stiilide lehed suurenevad väga kiiresti, sest on raske öelda, millal stiil enam ei kasutata, kuna seda ei kustutata, kui leht on eemaldatud. CSS-failide nõuetekohane haldamine on oluline, eriti kui sama faili töötab mitu inimest.
• Kui teil on ainult ühe lehe veebisait, ei pruugi CSS-i välisfaili kasutamine vajalikuks osutuda, kuna teil on ainult üks lehekülg stiilis. Paljud välise CSS-i eelised kaovad, kui teil on ainult üks lehe saiti.

Kuidas luua välist stiililehte

Välised stiililehed luuakse sarnase süntaksiga, et dokumenteerida taseme stiililehed. Kuid kõik, mida peate lisama, on valija ja deklaratsioon. Täpselt nagu dokumenditaseme stiilil on reegli süntaks:

Salvestage need reeglid tekstifaili laiendiga .css. See ei ole vajalik, kuid see on hea harjumus siseneda, nii et saate kohe tunnustada oma stiililehte kataloogi loendis.

Kui teil on stiililehtede dokument, peate selle linkima oma veebilehtedele . Seda saab teha kahel viisil:

1. Linkimine
   1. Stiililehe linkimiseks kasutate HTML-i märgendit. Sellel on atribuudid rel , type ja href . Rel atribuut ütleb, mida seostad (sel juhul stiil tabel), tüüp määratleb brauseri MIME-tüüp ja href on tee .css-faili.
2. Importimine
   1. Kasutate imporditud stiililehte dokumendi taseme stiililehel, et saaksite välise stiililehe atribuute importida, ilma et kaotaksite dokumendikohaseid. Sa nimetad seda sarnaselt lingitud stiililehe kutsumiseks, vaid seda tuleb kutsuda dokumendi taseme stiili deklaratsioonis. Võite importida nii palju väliseid stiililehti, kui soovite veebisaiti säilitada.

Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 8. 8/17