Väčšina nováčikov CSS návrhári si neuvedomujú, že je dôležité vytvoriť "reset.css" súboru. Rôznych prehliadačoch procese kód inak. Čo môže vyzerať dokonalý vo Firefoxe, je možné vypnúť v aplikácii Internet Explorer. Existuje veľa CSS Obnoví všetky cez internet, ktoré pomáhajú bojovať proti problémom prehliadači. Hlavný problém s pomocou jedného z mnohých v súčasnosti existujúce rámca je, že nie sú na mieru špeciálne pre vás.

Teraz je čas, aby vyzvořit svoje vlastné nastavenia súboru. V tomto tutoriálu nájdete Ako vytvoriť svoj vlastný Jednoduchý reset.css súborov pre váš ďalší webovej stránky projektu. Dúfam, že sa vám bude páčiť tento tutoriál.

Krok: 1 Vyberte rozpätie a čalúnenia prvky

  html, body, div, span, H1, H2, H3, H4, H5, H6, blockquote, pre, em, 
 font, img, malý, silný, sub, sup, ul, ol, li, dl, dt, dd, div, formulár, 
 label, legiend, tr, th, td, input, select, textarea 


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

Krok: 2 Reset typografické štýly:

  : 100 % ; } em { font-style : italic ; } strong { font-weight : bold ; } H1, H2, H3, H4, H5, h6 (font-size: 100%;) em (font-style: italic;) strong (font-weight: bold;) 

Krok: 3 Reset neusporiadané zoznamy:

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

Krok: 4 Zbavte hraníc::

  img, Fieldset
 (
 border: 0;
 ) 

Tu je náš Finálna Jednoduchý reset.css súboru.

 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, malý, silný, sub, sup, ul, ol, li, dl, dt, dd, Fieldset, formulár, label, legiend, tr, th, td, input, select, textarea (margin: 0; padding: 0; border: 0; osnova: 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;) (color: # 333333; text-decoration: none;) a: hover (text-decoration: underline;) 

Záver

To sú len niektoré z tipov, ktoré mi pomôžu písať lepšie kód. Dúfam, že tutoriál vám tiež pomôže písať lepšie a čistý kód. Použiť tieto tipy na aktuálne a ďalšie projekty, a vy iste ocenia úsilie.

Ak si myslíte, že cvičenie môže byť lepší, prosím, podeliť sa s nami. Komentár nás

Ak chcete získať viac tutorial od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Css, Návody admin