A maioría dos principiantes CSS non entender a importancia da creación dun reset.css "arquivo". Código de procedemento diferentes navegadores de xeito diferente. O que pode resultar perfecto no Firefox é posible que fóra en Internet Explorer. Hai moitos Resets CSS toda a internet que axudan a combater problemas do seu navegador. O principal problema co uso de un dos moitos cadros actualmente existentes é que eles non son adaptadas especialmente para ti.

Agora é hora de crear o seu arquivo axustar personalizados. Neste tutorial, vai atopar Como crear o seu propio simple reset.css ficheiro para o seu próximo proxecto do sitio web. Eu espero que apreciar este tutorial.

Elementos Etapa: 1 Elimina marxe e padding

  html body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, en, font, img, sub pequeno, 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; outline: 0;) 

Etapa: 2 Reset estilos tipográficos:

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

Paso: 3 Reset listas non ordenadas:

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

Etapa: 4 librar-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, en, 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%;) en (font-style: italic;) p (font-weight: bold;) ul, ol (list-style: none;) img, FIELDSET (border: 0;) a (color: # 333333; text-decoration: none;) a: hover (text-decoration: underline;) 

Conclusión

Estas son só algunhas das suxestións que me axudan a escribir mellor código. Espero que o tutorial tamén pode axudar a escribir mellor e máis limpo o código. Aplicar estas suxestións para os seus proxectos actuais e no seguinte, e certamente pode apreciar os esforzos.

Se pensas que titorial pode ser máis mellor, por compartir connosco. Comentario nós

Se desexa recibir máis tutorial de nós, por favor, consideren asinar a nosa feed de RSS ou por e-mail.

Arquivo en: Css, Tutoriais por admin