Useimmat noviisi CSS suunnittelijat eivät ymmärrä, että on tärkeää luoda "reset.css" file. Eri selaimet prosessi koodi eri tavalla. Mitä voi näyttää täydellinen Firefox, voi olla pois Internet Explorerin. On monia CSS Nollaa kaikki Internetissä, jotka auttavat torjumaan selaimen ongelmia. Suuri ongelma jollakin monista nykyisin olemassa olevia järjestelmiä on, että niitä ei ole suunniteltu erityisesti teille.

Nyt on creat oma räätälöity palauttaa tiedoston. Tämän opetusohjelman löydät Miten luoda oman yksinkertainen Reset.css tiedosto koneen seuraavan sivuston projekti. Toivon sinun viihtyvän tässä opetusohjelmassa.

Vaihe: 1 Poista marginaali ja padding elementit

  html, body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, fontti, img, pieni, vahva, sub, 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; pääpiirteittäin: 0;) 

Vaihe: 2 Palauta typografinen tyyli:

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

Vaihe: 3 Nollaa järjestämättömiä luettelot:

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

Vaihe: 4 Eroon rajojen:

  img, fieldset 
  ( 
  border: 0; 
  ) 

Täältä löydät Lopullinen yksinkertainen Reset.css tiedosto.

 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, fontti, img, pieni, vahva, sub, sup, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, tr, th, td, syöttö, valitse, textarea (margin: 0; padding: 0; border: 0; pääpiirteittäin: 0;) H1, H2, H3, H4, H5, H6 (font -size: 100%;) em (font-style: italic;) vahva (font-weight: bold;) ul, ol (list-style: none;) img, fieldset (border: 0;) (color: # 333333; text-decoration: none;): hover (text-decoration: underline;) 

Tekemisen

Nämä ovat vain joitakin vinkkejä, jotka auttavat minua kirjoittamaan parempaa koodia. Toivon, että opetusohjelma myös auttaa kirjoittamaan paremmin ja puhdasta koodia. Soveltaa näitä vihjeitä nykyisen ja seuraavan hankkeita, ja olet varmasti arvostaa ponnisteluja.

Jos luulet, että opetusohjelma voi olla parempi, hyvä jakaa kanssamme. Kommentti us

Jos haluat saada enemmän opetusohjelma meiltä, ota huomioon tilaamalla myös syötteen RSS-tai sähköpostitse.

Filed under: Css, Tutorials by admin