A maioria dos iniciantes CSS não percebem a importância da criação de um reset.css "arquivo". Código de processo diferentes navegadores de maneira diferente. O que pode parecer perfeito no Firefox, pode estar fora no Internet Explorer. Há muitos Resets CSS toda a internet que ajudam a combater problemas do navegador. O principal problema com o uso de um dos muitos quadros actualmente existentes é que eles não são adaptados especificamente para você.

Agora é hora de creat seu arquivo redefinir personalizados. Neste tutorial, você vai encontrar Como criar seu próprio simples reset.css arquivo para o seu próximo projeto do Web site. Eu espero que você aprecie este tutorial.

Elementos Etapa: 1 Retire margem e padding

  html body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em,  
  font, img, sub pequeno, forte, sup, ul, ol, li, dl, dt, dd, fieldset, form,  
  rótulo, legenda, tr, th, td, input, select, textarea 


  ( 
  ;  border : 0 ; outline : 0 ; margin: 0; padding: 0; border: 0; outline: 0; 
  ) 

Etapa: 2 Reset estilos tipográficos:

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

Etapa: 3 Reset listas não ordenadas:

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

Etapa: 4 Livrar-se das fronteiras::

  img, fieldset 
  ( 
  border: 0; 
  ) 

Here Is Our Final reset.css Simple File.

 margin : 0 ; padding : 0 ;  border : 0 ; outline : 0 ; } h1, h2, h3, h4, h5, h6 { font-size : 100 % ; } em { font-style : italic ; } strong { font-weight : bold ; } ul, ol { list-style : none ; } img, fieldset { border : 0 ; } a { color : # 333333 ; text-decoration : none ; } a :hover { text-decoration : underline ; } html body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, font, img, sub pequeno, forte, sup, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, tr, th, td, input, select, textarea (margin: 0; padding: 0; border: 0; outline: 0;) H1, H2, H3, H4, H5, H6 (font -size: 100%;) em (font-style: italic;) strong (font-weight: bold;) ul, ol (list-style: none;) img, fieldset (border: 0;) a (color: # 333333; text-decoration: none;) a: hover (text-decoration: underline;) 

Conclusão

Estas são apenas algumas das dicas que me ajudam a escrever melhor código. Espero que o tutorial também irá ajudá-lo a escrever melhor e mais limpo o código. Aplicar estas dicas para seus projetos atuais e no próximo, e você certamente irá apreciar os esforços.

Se você acha que tutorial pode ser mais melhor, por compartilhar conosco. Comentário nós

Se você gostaria de receber mais tutorial de nós, por favor, considerem assinar a nossa feed de RSS ou por e-mail.

Arquivado em: Css, Tutoriais por admin