La maggior parte del novizio progettisti CSS non capiscono l'importanza di creare un reset.css "file". Diversi browser codice processo in modo diverso. Ciò che può sembrare perfetta in Firefox, può essere spento in Internet Explorer. Ci sono molti Reimposta CSS tutti su internet che combattere i problemi del browser di aiuto. Il problema principale con l'utilizzo di uno dei tanti quadri attualmente esistenti è che non sono disegnate espressamente per voi.

Adesso devi creat file reset personalizzati. In questo tutorial si trova Come creare il proprio semplice Reset.css file per il vostro prossimo progetto del sito. Spero che potrete godere di questo tutorial.

Fase: 1 margine Rimuovere e padding elementi

  html, body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, font, img, sub piccolo, forte, sup, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, tr, th, td, input, select, textarea 
  ; padding : 0 ;  border : 0 ; outline : 0 ; } (Margin: 0; padding: 0; border: 0; muta: 0;) 

Fase: 2 stili Reset tipografiche:

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

Fase: 3 elenca Reset non ordinata:

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

Passo: 4 Sbarazzatevi dei confini::

  img, fieldset 
  ( 
  border: 0; 
  ) 

Ecco il nostro finale semplice Reset.css File.

  html, body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, 
  font, img, sub piccolo, forte, sup, ul, ol, li, dl, dt, dd, fieldset, form,  
  etichetta, leggenda, tr, th, td, input, select, textarea 
  ( 
  ;  border : 0 ; outline : 0 ; margin: 0; padding: 0; border: 0; muta: 0; 
  ) 

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

  em 
  ( 
  ; font-style: italic; 
  ) 

  forte 
  ( 
  ; font-weight: bold; 
  ) 

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

  img, fieldset 
  ( 
  border: 0; 
  ) 

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

Conclusione

Questi sono solo alcuni dei consigli che mi aiutano a scrivere codice migliore. Mi auguro che il tutorial vi aiuterà anche a scrivere meglio e pulito il codice. Applicare questi suggerimenti per i vostri progetti in corso e il prossimo, e voi saprete apprezzare gli sforzi.

Se pensate che il tutorial può essere più meglio, si prega condividere con noi. Commento di noi

Se desiderate ricevere maggiori tutorial da noi, ti invitiamo a iscriverti al nostro feed RSS o tramite e-mail.

Archiviato in: Css, Tutorials by admin