Meeste van de beginnende CSS-ontwerpers niet beseffen het belang van het creëren van een "reset.css" bestand. Verschillende browsers proces-code anders. Wat kan er perfect in Firefox, kan worden uitgeschakeld in Internet Explorer. Er zijn veel CSS Zet alle over het internet die helpen bij de bestrijding browser problemen. Het grote probleem met het gebruik van een van de vele momenteel bestaande kaders is dat ze niet specifiek zijn toegesneden op je.

Nu is het tijd om creat uw eigen aangepaste resetten bestand. In deze handleiding vind je hoe je je eigen Simple Reset.css-bestand aanmaken voor uw volgende website project. Ik hoop dat u deze tutorial genieten.

Stap: 1 Verwijder marge en padding elementen

  html, body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, font, img, kleine, sterk, sub, sup, ul, ol, li, dl, dt, dd, fieldset, vorm, label, legende, tr, th, td, input, selecteren, textarea 
  ; padding : 0 ;  border : 0 ; outline : 0 ; } (Margin: 0; padding: 0; border: 0; outline: 0;) 

Stap: 2 Reset typografische stijlen:

  H1, H2, H3, H4, H5, H6 
  ( 
  % ; font-size: 100%; 
  ) 
  em 
  ( 
  ; font-style: italic; 
  ) 
  sterk 
  ( 
  ; font-weight: bold; 
  ) 

Stap: 3 Reset ongeordende lijsten:

 : none ; } ul, ol (list-style-type: none;) 

Stap: 4 Weg van de grenzen:

  img, fieldset 
  ( 
  border: 0; 
  ) 

Hier is ons uiteindelijke Simple Reset.css File.

  html, body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, 
  lettertype, img, kleine, sterk, sub, sup, ul, ol, li, dl, dt, dd, fieldset, vorm,  
  label, legende, tr, th, td, input, selecteren, textarea 
  ( 
  ;  border : 0 ; outline : 0 ; margin: 0; padding: 0; border: 0; outline: 0; 
  ) 

  H1, H2, H3, H4, H5, H6 
  ( 
  % ; font-size: 100%; 
  ) 

  em 
  ( 
  ; font-style: italic; 
  ) 

  sterk 
  ( 
  ; font-weight: bold; 
  ) 

  ul, ol 
  ( 
  ; list-style: none; 
  ) 

  img, fieldset 
  ( 
  border: 0; 
  ) 

  een 
  ( 
  ; color: # 333333; 
  ; text-decoration: none; 
  ) 
 
  a: hover 
  ( 
  ; text-decoration: none; 
  ) 

Conclusie

Dit zijn slechts enkele van de tips die mij helpen om betere code te schrijven. Ik hoop dat ook tutorial zal je helpen om beter en schone code schrijven. Pas deze tips om uw huidige en volgende projecten, en u zal zeker waardering voor de inspanningen.

Als u denkt dat tutorial kan meer beter, U kunt met ons deelt. Reactie ons

Als u wenst te ontvangen meer tutorial van ons, kunt u overwegen een abonnement op onze feed met RSS of per e-mail.

Geplaatst onder: Css, Tutorials door admin