CSS gunea zabala erabiltzea
Webguneak estilo eta egitura konbinazioak dira, eta gaur egungo web orrian, praktika onak dira gune horietako bi alderdi horiek bereizteko.
HTML izan da beti egitura duen gune bat eskaintzen duena. Webaren lehen egunetan, HTML-k estiloaren informazioa ere jasotzen du. etiketa bezalako elementuak HTML kodean bilduta zeuden, informazio estrukturalarekin batera itxura eta sentimendua gehituz. Web estandarreko mugimenduak praktika hori aldatzeko giltza gaitu, eta estilo-informazio guztia CSS edo Cascading Style Sheets-en sartu ordez. Aurrerantzean, gaur egungo gomendioek zure "web estiloko beharrak" kanpoko estilo-orri bat bezala ezagutzen dituzula erabiltzen duzu.
Kanpo estilo-fitxen abantailak eta desabantailak
Zorrotzako estilo-orrien inguruko gauza hoberenetako bat zure gunea osorik mantentzeko erabil ditzakezu. Horretarako modu errazena kanpoko estilo-orri bat estekatzea edo inportatzea da. Zure guneko orrialde bakoitzeko kanpoko estilo-orri bera erabiltzen baduzu, orrialde guztiek estilo bera izango dute. Etorkizunerako aldaketak errazago egiteko ere egin dezakezu. Orrialde bakoitzak kanpoko estilo-orri berdina erabiltzen duenean, orrialde bakoitzeko aldaketak orri bakoitzeko aldaketak eragingo ditu. Hau orrialde bakoitza banaka aldatu beharrik baino askoz hobea da!
Kanpoko estilo-orrien abantailak
- Hainbat dokumentu itxura eta sentimendua aldi berean kontrolatu dezakezu.
- Hau oso erabilgarria da zure webgunea sortzeko talde-talde batekin lan egiten baduzu. Estilo-arau askok gogoratu dezakete gogoratzea, eta inprimatutako estilo-gida bat izan litekeen bitartean, ez da eraginkorra eta aspergarria etengabe mugitu behar da, adibidez 12 puntu idatzitako Arial letra edo 12 puntuko mezularitza idatzitako testua zehazteko. Guztia leku bakarrean edukitzea eta leku horretatik aldaketak egiteaz gain, mantentze lanak askoz errazago egin ditzakezu.
- HTML elementu askotan erabil daitezkeen estilo-klaseak sor ditzakezu.
- Askotariko letra-estiloak erabiltzen badituzu zure orriaren hainbat gauza azpimarratzeko, estilo-orrian konfiguratutako klase-atributua erabil dezakezu begirada eta itxura hori lortzeko, estilo zehatz bat definitzeko, adibide bakoitzaren arabera. nabarmenduz.
- Modu eraginkorrean zure estiloak erraz muntatu ditzakezu.
- CSS erabilgarri dauden talde-metodo guztiak kanpoko estilo-orrietan erabil daitezke, eta horrek zure orrialdeetan kontrol eta malgutasun handiagoa eskaintzen dizu.
Kanpo estilo-fitxen desabantailak
- Kanpoko estilo-orriek deskarga-denbora handitu dezakete, batez ere oso handiak badira. CSS fitxategiak kargatu behar duen beste dokumentu bat denez gero, errendimendua eragingo du deskargatzeko.
- Kanpoko estilo-orriak azkarregi biltzen dira, estilo bat jada erabilgarri ez dagoenean, ez baita ezabatzen denean orria kentzen denean. Zure CSS fitxategien kudeaketa egokia oso garrantzitsua da, batez ere, jende askok fitxategi berean lan egiten badute.
- Orrialde bakarreko webgunea bakarrik baduzu, CSS kanpoko fitxategi bat edukitzea ez da beharrezkoa izan behar duzu orrialde bat baino ez dela estiloa. Kanpoko CSS kanpoko abantaila asko galdu egiten dira orrialde bakar bat baino ez daukazu.
Kanpoko estilo-orri bat nola sortu
Kanpoko estilo-orriak sintaxi antzeko batekin sortzen dira, maila-estiloko orriak dokumentatzeko. Hala ere, hautagailua eta deklarazioa izan behar dituzu. Dokumentu mailako estilo-orri batean bezala, arau baterako sintaxia hau da:
selector {property: value;}Gorde arau hauek testu fitxategi batean .css luzapenarekin. Hau ez da beharrezkoa, baina sartu ohitura ona da, beraz, berehala estiloko orriak aitortu ditzakezu direktorioa zerrendan.
Estilo-fitxako dokumentua baduzu, zure webgunera lotu behar duzu. Hau bi modutan egin daiteke:
- lotzea
- Estilo-orri bat estekatzeko, HTML etiketa erabiltzen duzu. Honek erlazio , mota eta href atributuak ditu. Erlijio atributuak lotzen dituenari (kasu honetan estilo-orri bat) kontatzen du, motak nabigatzailearen MIME motak definitzen ditu eta href .css fitxategiaren bidea da.
- inportatu
- Inportatutako estilo-orri bat erabili beharko zenuke dokumentuaren estilo-orriaren barruan, kanpoko estilo-orri baten atributuak inportatu ahal izateko dokumentu espezifiko batzuk galdu gabe. Estekatu estilo-orri bat deitzeko antzeko modu batera deitu behar duzu, dokumentu-mailako estiloaren deklarazioan soilik deitu behar da. Kanpoko estilo-orri asko inportatu ditzakezu zure webgunea mantentzeko.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 8/8/17