Zure CSS3 estilo orriekin lan egiteko aholkuak

Behin gure webgunearen egitura definitu eta gero DOM Modu zehatz batean, beraien estiloak definitzea garrantzitsua da, arlo sortzaileena ere bada eta bertan zure webgunearen azken txokoraino zehaztasun maila handienarekin pertsonaliza dezakezu. Kaskadako estilo orriak dira konponbiderik egokiena, baina web garapenaren munduan lehen saiakuntza egiten ari diren guztientzat, emaitza onenak lortzeko zenbait aholku hartu behar dira kontuan.

Aurrealde sagaratu baten emaitza profesionala lortzeko, zenbait alderdi hartu behar dira kontuan, hala nola ordena, irakurgarritasuna eta praktika mota honetako ohiko akatsen zuzenketa. Jarraian partekatzen dut bost aholku oso oinarrizkoa baina, aldi berean, oso garrantzitsua gure CSS estilo orrien tratamendurako eta konfigurazio optimorako.

Ziurtatu zure CSS3 estilo orrietan ordena eta egitura eraginkorra ezartzen duzula

Beti banatzen ditut nire estilo orriak orden hierarkikoan. Lehenik eta behin normalean hautatzaile orokorrak aplikatzen ditut eta gero html hautatzaileen deklarazioak gehitzen ditut eta azkenean edukiontzien eta elementu txikien IDen barruan lan egitera joaten naiz. Funtsean lurrean jarraitu DOMen logikari eta gurasoengandik hasi umeekin amaitzeko. Hala ere, beste formula edo eskaera bat jarrai dezakegu, adibidez, hautatzaileak eta adierazpenak multzoka ditzakegu, haien funtzioa zein den kontuan hartuta. Guztia gure lehentasunak zein diren eta lanean erosoago sentitzen garenaren araberakoa izango da.

Aukeratu hautatzaile bakoitzaren izen argiak eta zehatzak

Kontuan hartu behar duzun zerbait oso garrantzitsua da, hau da, CSS3 letra larrien eta minuskulen erabileran desberdina da, beraz, hitz bat letra larriz idazteak zerbait desberdina izan daiteke eta akatsak sor ditzake. Errazena beti letra xehez erabiltzea da arazo mota hau ekiditeko. Saiatu ere aukeratu zure klaseetarako izenak eta Nortasun Agiriak argi antzematen direnak eta ez digutela zalantzarik edo akatsik ondorioztatzen.

Ez ahaztu iruzkin argigarriak gehitzea

Ziur aski, zure fitxategiak beste pertsona batzuekin partekatu behar dituzu, agian zure laneko taldeko bezeroekin edo lankideekin, hala nola diseinatzaileekin, beste diseinatzaileekin edo garatzaileekin. Hori dela eta, oso garrantzitsua da egiturari arreta jartzea eta akabera garbi eta txukuna ziurtatzea. Iruzkin argigarriek gure estilo-orrialdera sartzen den edonori begirada azkar batean aurkitzen lagunduko diote. Kontuan hartu behar den edozein behaketa mota eduki gisa agertu behar du. Gogoratu edukia sar dezakezuela Html fitxategian eta CSS fitxategian eta bi kasuetan azken emaitzan logikoki islatuko ez diren iruzkinak direla eta iturburu kodea atzitzen denean soilik ikusgai egongo direla oso onak izan daitezen. lagungarria.

Aplikatu berrezarpena beti estilo orrietan

Arakatzaile bakoitzak lehenetsitako estilo orria du; beraz, gure orria ikusten den arakatzailearen arabera akatsak edo aldaketak ekiditeko oso erabilgarria da eta gomendatzen dugu berrezarri estilo orriak. Hainbat alternatiba daude, Eric Meyerren berrezartzeko estilo orria oso aukera ona izan daiteke.

Aukeratu tresnarik eraginkorrena

Zure webgunearen diseinuan lan egitean ahalik eta eraginkorrenak izan daitezen erabil ditzakezun tresna ugari daude. Wireframes sortzetik hasi eta zure webgunearen egitura garatu arte, baita mota guztietako aplikazioak ere Adobe Photoshop, Illustrator edo Fireworks. Editore profesional ugari ere badituzu gomendagarrienetako bat (nik erabiltzen dudana behintzat) Testu Sublime edo, hori egin ezean, Adobe Dreamweaver izan ere, interfaze oso sinpleak eskaintzen dituzte nortasun maila altuarekin, baita gure kodigoekin lasterbideen sistema baten bidez eta automatikoki osatutako sistemarekin lan egiteko aukera ere, erabiliko genukeen denboraren% 70 baino gehiago aurrezten lagunduko diguna. testu arrunt tradizionalaren editorea.