La mayoría de los diseñadores noveles CSS no se dan cuenta de la importancia de crear un "reset.css" archivo. Diferentes navegadores código de proceso de manera diferente. Lo que puede parecer perfecto en Firefox, puede ser libre en Internet Explorer. Hay muchos restablece CSS en todo el Internet que ayudan a combatir los problemas del navegador. El principal problema con el uso de uno de los muchos marcos existentes en la actualidad es que no se ajusten específicamente a usted.

Ahora es el momento para creat tu archivo restablecer la costumbre. En este tutorial se encuentra Cómo crear tu propio Reset.css simple de archivo para su proyecto de página web siguiente. Espero que disfruten de este tutorial.

Paso: 1 margen de quitar y el relleno de los elementos

  el cuerpo del HTML, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, font, img, sub pequeños, fuertes,, sup, ul, ol, li, dl, dt, dd, fieldset, la forma, la etiqueta, la leyenda, tr, th, td, input, select, textarea 
  ; padding : 0 ;  border : 0 ; outline : 0 ; } (Margin: 0; padding: 0; border: 0; esquema: 0;) 

Paso: 2 estilos tipográficos Reset:

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

Paso: 3 listas Perdí mi desordenada:

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

Paso: 4 Deshágase de las fronteras::

  img, fieldset 
  ( 
  border: 0; 
  ) 

Here Is Our Final Reset.css simple de archivos.

 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 ; } el cuerpo del HTML, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, font, img, sub pequeños, fuertes,, sup, ul, ol, li, dl, dt, dd, fieldset, la forma, la etiqueta, la leyenda, tr, th, td, input, select, textarea (margin: 0; padding: 0; border: 0; esquema: 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: none;) 

Conclusión

Estos son sólo algunos de los consejos que me ayudan a escribir mejor código. Espero que el tutorial también le ayudará a escribir mejor y limpiar el código. Aplique estos consejos para sus proyectos en curso y el próximo, y seguramente apreciarán el esfuerzo.

Si usted piensa que tutorial puede ser más mejor, por favor comparta con nosotros. Coméntanos

Si usted desea recibir más tutorial de nosotros, por favor considera suscribirte a nuestro feed de RSS o por correo electrónico.

Filed under: Css, Tutoriales por admin