Vinkkejä CSS3-tyylisivujesi käsittelyyn

Kun olemme määrittäneet verkkosivustomme rakenteen ja kehittäneet DOM Tarkalla tavalla on tärkeää määritellä saman tyylit, se on myös luovin alue ja jota voit mukauttaa tarkemmin verkkosivustosi viimeiseen kulmaan asti. Porrastetut tyylisivut ovat sopivin ratkaisu, mutta kaikille niille, jotka ovat ensimmäisessä kokeilussa verkkokehityksen maailmaan, on joitain vinkkejä, jotka on otettava huomioon parhaan tuloksen saavuttamiseksi.

Pyhitetylle käyttöliittymälle tyypillisen ammattituloksen saavuttamiseksi on otettava huomioon tietyt näkökohdat, kuten järjestys, luettavuus ja tämäntyyppisten käytäntöjen yleisimpien virheiden korjaaminen. Jaan alla viisi vinkkiä hyvin yksinkertainen, mutta samalla erittäin tärkeä CSS-tyylisivujemme käsittelyn ja optimaalisen kokoonpanon kannalta.

Varmista, että luot tehokkaan järjestyksen ja rakenteen CSS3-tyylitauluihisi

Jaan tyylitaulukot aina hierarkkisessa järjestyksessä. Ensinnäkin käytän yleensä yleisiä valitsimia ja jatkan sitten lisäämällä html-valitsimien ilmoitukset ja viimeinkin työskentelemään konttien ja pienempien elementtien tunnusten sisällä. Pohjimmiltaan jauhettu noudata DOM: n logiikkaa ja alkaen vanhemmista lasten kanssa. Voimme kuitenkin noudattaa myös toista kaavaa tai järjestystä, esimerkiksi ryhmittelemme valitsimet ja ilmoitukset ottaen huomioon heidän toimintonsa. Kaikki riippuu mieltymyksistämme ja siitä, miten tunnemme olomme mukavammaksi työskennellessäsi.

Valitse selkeät ja ytimekkäät nimet jokaiselle valitsimellesi

On jotain erittäin tärkeää, joka sinun on otettava huomioon, ja että CSS3 eroaa isojen ja pienten kirjainten käytöstä, joten sanan kirjoittaminen isolla kirjaimella voi tarkoittaa jotain erilaista ja aiheuttaa virheitä. Helpoin asia on aina käyttää pieniä kirjaimia tämän tyyppisten ongelmien välttämiseksi. Yritä myös valitse luokkasi ja henkilöllisyystodistuksesi nimet, jotka ovat selvästi tunnistettavissa ja että ne eivät johda meihin epäilyjä tai virheitä.

Älä unohda lisätä selventäviä kommentteja

Sinun on varmasti jaettava tiedostosi muiden ihmisten kanssa, ehkä asiakkaasi tai työryhmän kollegoiden kanssa, kuten taittosuunnittelijoiden, muiden suunnittelijoiden tai kehittäjien kanssa. Tästä syystä on erittäin tärkeää kiinnittää huomiota rakenteeseen ja varmistaa puhdas ja kunnollinen pinta. Selventävät kommentit auttavat jokaista, joka käyttää tyylisivumme, löytämään nopeasti tiensä yhdellä silmäyksellä. Kaikenlainen havainto, joka on otettava huomioon sen on oltava sisältöä. Muista, että voit sisällyttää sisältöä sekä HTML-tiedostoon että CSS-tiedostoon ja että molemmissa tapauksissa ne ovat kommentteja, jotka eivät loogisesti heijastu lopputulokseen ja ovat näkyvissä vain, kun niiden lähdekoodia käytetään, jotta ne voi olla erittäin hyödyllistä.

Käytä aina nollausta tyylisivuissasi

Jokaisella selaimella on oletustyylisivunsa, joten on erittäin hyödyllistä ja suositeltavaa välttää mahdolliset virheet tai muutokset selaimen mukaan, jossa sivumme katsotaan. nollaa tyylitaulukot. Vaihtoehtoja on useita: Eric Meyerin tyylin palauttaminen voi olla erittäin hyvä vaihtoehto.

Valitse tehokkain työkalu

On monia työkaluja, joiden avulla voit olla mahdollisimman tehokas työskennellessäsi verkkosivustosi suunnittelussa. Lankakehysten luomisesta sivuston rakenteen kehittämiseen sekä kaikenlaisiin sovelluksiin, mukaan lukien Adobe Photoshop, Illustrator tai ilotulitus. Sinulla on myös monia ammattitaitoisia toimittajia, jotka ovat yksi suosituimmista (ainakin se, jota käytän) Sublime Text tai, jos se ei ole mahdollista, Adobe Dreamweaver koska ne tarjoavat hyvin yksinkertaisia ​​käyttöliittymiä, joissa on paljon persoonallisuutta, sekä mahdollisuuden työskennellä koodiemme kanssa pikavalintajärjestelmän ja automaattisen täydennysjärjestelmän avulla, mikä auttaa meitä säästämään yli 70% ajasta, jota käytämme editorin kanssa perinteistä pelkkää tekstiä.