Nõuanded CSS3 stiililehtedega töötamiseks

Kui oleme oma veebisaidi struktuuri määratlenud ja välja töötanud DOM Täpselt on oluline määratleda selle stiilid, see on ka kõige loomingulisem ala, kus saate oma veebisaidi viimase nurga jaoks kõrgeima täpsusega kohandada. Kaskaadstiililehed on kõige sobivam lahendus, kuid kõigile neile, kes teevad oma esimest veebiarenduse maailma, on mõned näpunäited, mida tuleks parimate tulemuste saavutamiseks arvesse võtta.

Pühitsetud kasutajaliidesele omase professionaalse tulemuse saamiseks on vaja arvestada teatud aspektidega, nagu järjestus, loetavus ja seda tüüpi harjutuste kõige levinumate vigade parandamine. Jagan allpool viis nõu väga põhiline, kuid samal ajal meie CSS-i stiililehtede töötlemise ja optimaalse konfiguratsiooni jaoks väga oluline.

Looge oma CSS3 stiililehtedes kindlasti tõhus järjekord ja struktuur

Jagan oma stiililehed alati hierarhilises järjekorras. Esiteks rakendan tavaliselt üldvalijaid ja lisan seejärel html-selektorite deklaratsioonid ning lõpetuseks töötan konteinerite ja väiksemate elementide ID-de piires. Põhimõtteliselt jahvatatud järgige DOM-i loogikat ja alustage vanematest kuni lasteni. Kuid võime järgida ka mõnda muud valemit või järjekorda, näiteks saame rühmitada oma valijad ja deklaratsioonid, võttes arvesse nende funktsiooni. Kõik sõltub sellest, millised on meie eelistused ja kuidas tunneme end mugavamalt töötades.

Valige kõigile oma valijatele selged ja lühikesed nimed

On midagi väga olulist, mida peate arvestama, ja see on see, et CSS3 erineb suurte ja väikeste tähtede kasutamisest, nii et sõna kirjutamine suurtähega võib tähendada midagi muud ja põhjustada vigu. Lihtsaim on seda tüüpi probleemide vältimiseks alati kasutada väiketähti. Proovige ka vali oma klassidele ja isikutunnistustele nimed, mis on selgelt äratuntavad ja et nad ei järeldaks meid kahtlustest ega vigadest.

Ärge unustage lisada selgitavaid kommentaare

Kindlasti peate oma faile jagama teiste inimestega, võib-olla oma kliendi või kolleegidega teie töörühmast, näiteks küljendajate, teiste disainerite või arendajatega. Seetõttu on väga oluline pöörata tähelepanu konstruktsioonile ning tagada puhas ja korralik viimistlus. Selgitavad kommentaarid aitavad kõigil, kes meie stiililehele juurde pääsevad, silmapilgul kiiresti orienteeruda. Igasugused vaatlused, mida tuleb arvesse võtta see peab ilmuma sisuna. Pidage meeles, et saate lisada sisu nii oma HTML-faili kui ka CSS-faili ja mõlemal juhul on need kommentaarid, mis ei kajastu loogiliselt lõpptulemuses ja on nähtavad ainult lähtekoodi juurde pääsemisel, nii et need võivad olla kasulik.

Rakendage oma stiililehtedel alati lähtestamine

Igal brauseril on vaikestiili leht, nii et vigade või muudatuste vältimiseks olenevalt brauserist, kus meie lehte vaadatakse, on väga kasulik ja soovitatav lähtestage oma stiililehed. On mitmeid alternatiive, Eric Meyeri lähtestamise stiilileht võib olla väga hea võimalus.

Valige kõige tõhusam tööriist

Veebisaidi kujundamisel töötamiseks on palju tööriistu, mida saate kasutada nii tõhusaks kui võimalik. Alates traadiraamide loomisest kuni saidi struktuuri väljatöötamiseni, samuti igasuguste rakendusteni, sealhulgas Adobe Photoshop, Illustrator või ilutulestik. Teil on ka palju professionaalseid toimetajaid, kes on üks kõige soovitatavamaid (vähemalt see, mida ma kasutan) Ülim tekst või selle puudumisel Adobe Dreamweaver kuna need pakuvad väga lihtsaid liideseid, millel on kõrge isikupära, samuti võimalust töötada meie koodidega otseteede süsteemi ja automaatse täitmise süsteemiga, mis aitab meil säästa rohkem kui 70% ajast, mida me kasutaksime traditsioonilise lihtteksti redaktor.