Wenke om met u CSS3-stylblaaie te werk

STYLS-IN-CASCADE

Nadat ons die struktuur van ons webwerf bepaal het en die DOM Op 'n presiese manier is dit belangrik om die style van dieselfde te definieer, dit is ook die kreatiefste gebied waarin u met 'n groter mate van presisie tot die laaste hoek van u webwerf kan aanpas. Skitterende stylblaaie is die geskikste oplossing, maar vir almal wat die eerste keer besig is met die wêreld van webontwikkeling, is daar 'n paar wenke wat in ag geneem moet word om die beste resultate te behaal.

Om 'n professionele resultaat te verkry wat tipies is vir 'n toegewyde voorkant, is dit nodig om sekere aspekte in ag te neem, soos orde, leesbaarheid en die regstelling van die mees algemene foute binne hierdie tipe praktyk. Ek deel hieronder vyf wenke baie basies, maar terselfdertyd baie belangrik vir die behandeling en optimale opset van ons CSS-stylblaaie.

Maak seker dat u 'n effektiewe orde en struktuur in u CSS3-stylblaaie opstel

Ek verdeel altyd my stylblaaie in 'n hiërargiese volgorde. In die eerste plek pas ek gewoonlik algemene keurders toe en gaan dan die verklarings van die html-keurders by en laastens werk ek binne-in die ID's van die houers en klein elemente. Basies gemaal volg die logika van die DOM en begin van die ouers af tot by die kinders. Ons kan egter ook 'n ander formule of volgorde volg, byvoorbeeld kan ons ons keurders en verklarings groepeer met inagneming van hul funksie. Alles sal afhang van wat ons voorkeure is en hoe ons gemakliker voel om te werk.

Kies duidelike en bondige name vir elk van u keurders

Daar is iets baie belangriks wat u moet in ag neem, en dit is dat CSS3 verskil in die gebruik van hoofletters en kleinletters, dus as u 'n woord met 'n hoofletter skryf, kan dit iets anders beteken en kan dit foute veroorsaak. Die maklikste ding is om altyd kleinletters te gebruik om hierdie soort probleme te vermy. Probeer ook kies name vir u klasse en u ID's wat duidelik herkenbaar is en dat dit ons nie lei tot twyfel of foute nie.

Moenie vergeet om verhelderende kommentaar by te voeg nie

U moet sekerlik u lêers met ander mense deel, miskien u kliënt of kollegas in u werkspan soos uitlegontwerpers, ander ontwerpers of ontwikkelaars. Om hierdie rede is dit baie belangrik om aandag te skenk aan die struktuur en om 'n skoon en ordelike afwerking te verseker. Die toeligtende opmerkings sal almal wat toegang het tot ons stylblad help om vinnig in 'n oogopslag weg te vind. Enige tipe waarneming wat in ag geneem moet word dit moet as inhoud verskyn. Onthou dat u inhoud in u Html-lêer en in u CSS-lêer kan insluit, en dat dit in albei gevalle kommentaar is wat logies nie in die finale resultaat sal weerspieël word nie en slegs sigbaar sal wees wanneer die bronkode van dieselfde verkry word, sodat hulle kan baie nuttig wees.

Pas altyd 'n reset in u stylblaaie toe

Elke blaaier het sy standaardstylblad, dus is dit baie handig en word aanbeveel om foute of veranderinge te voorkom, afhangend van die blaaier waarin ons bladsy gekyk word. stel u stylblaaie terug. Daar is verskeie alternatiewe, Eric Meyer se reset-stylblad kan 'n baie goeie opsie wees.

Kies die doeltreffendste instrument

Daar is baie instrumente wat u kan gebruik om so doeltreffend moontlik te wees wanneer u aan u webwerfontwerp werk. Van die skep van draadraamwerk tot die ontwikkeling van die struktuur van u webwerf, soos alle soorte toepassings, insluitend Adobe Photoshop, Illustrator of Fireworks. U het ook baie professionele redakteurs wat een van die beste is (ten minste die een wat ek gebruik) Sublieme teks of, indien nie, Adobe Dreamweaver Aangesien dit baie eenvoudige koppelvlakke met 'n hoë mate van persoonlikheid bied, asook die moontlikheid om met ons kodes te werk deur middel van 'n stelsel van kortpaaie en met 'n outovolledige stelsel wat ons sal help om meer as 70% van die tyd wat ons saam met 'n redakteur sou gebruik, te bespaar. van tradisionele gewone teks.


'N Opmerking, los joune

Laat u kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk met *

*

*

  1. Verantwoordelik vir die data: Miguel Ángel Gatón
  2. Doel van die data: Beheer SPAM, bestuur van kommentaar.
  3. Wettiging: U toestemming
  4. Kommunikasie van die data: Die data sal nie aan derde partye oorgedra word nie, behalwe deur wettige verpligtinge.
  5. Datastoor: databasis aangebied deur Occentus Networks (EU)
  6. Regte: U kan u inligting te alle tye beperk, herstel en verwyder.

  1.   Marga Sanchez dijo

    Dankie vir die wenke, ek is passievol oor ontwerp en alle wenke word goed ontvang. Hou aan.
    Dankie!!!