Karamihan sa mga baguhan CSS designer hindi mapagtanto ang kahalagahan ng paglikha ng isang "reset.css" file. Iba't-ibang mga browser ang proseso ng code ng iba. Ano ang maaaring tumingin sakdal sa Firefox, ay maaaring maiba sa Internet Explorer. Maraming mga CSS Resets higit sa lahat sa internet na makakatulong sa labanan browser problema. Ang mga pangunahing problema sa gamit ang isa sa maraming mga kasalukuyang umiiral na frameworks ay na sila ay hindi ginawa mismo sa iyo.

Ngayon ang oras upang creat ng iyong sariling pasadyang i-reset ang file. Sa ganitong tutorial makikita mo Paano Gumawa ng iyong Own Simple Reset.css ng file para sa iyong susunod na website ng proyekto. Umaasa ako na masisiyahan ka sa ito tutorial.

Hakbang: 1 Tanggalin ang margin at mga sangkap ng palaman

  html, body, div, tagal, h1, h2, H3, h4, h5, h6, blockquote, pre, em, font, img, maliit, malakas, sub, maghapunan, ul, ol, li, DL, dt, aa, fieldset, form, label, alamat, tr, th, td, input, piliin, textarea 
  ; padding : 0 ;  border : 0 ; outline : 0 ; } (Margin: 0; padding: 0; border: 0; outline: 0;) 

Unang Hakbang: I-reset ang 2 tipograpika estilo ng:

  h1, h2, H3, h4, h5, h6 
  ( 
  % ; font-size: 100%; 
  ) 
  em 
  ( 
  ; font-style: italic; 
  ) 
  malakas 
  ( 
  ; font-weight: bold; 
  ) 

Hakbang: 3 I-reset ang unordered mga listahan:

  ul, ol 
  ( 
  ; listahan ng-style-uri: none; 
  ) 

Hakbang: 4 Kumuha alisan ng mga hanggahan::

  img, fieldset 
  ( 
  border: 0; 
  ) 

Narito ang aming Final Simple Reset.css 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, tagal, h1, h2, H3, h4, h5, h6, blockquote, pre, em, font, img, maliit, malakas, sub, maghapunan, ul, ol, li, DL, dt, aa, fieldset, form, label, alamat, tr, th, td, input, piliin, 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 (listahan-style: none;) img, fieldset (border: 0;) (isang color: # 333,333; text-labor: none;) a: (pinapadaan text-labor: salungguhit;) 

Paghihinuha

Ang mga ito ay lamang ang ilan sa mga tips na makakatulong sa akin na sumulat ng mas mahusay na code. Umaasa ako na ang tutorial ay maaari ring makatulong sa iyo na sumulat ng mas mahusay at malinis ang code. Mag-apply ang mga Tips sa iyong kasalukuyan at susunod na proyekto, at ikaw ay tiyak na pahalagahan ang mga pagsisikap.

Kung Isipin mo na ang tutorial ay maaaring maging mas mahusay, Paki-share sa amin. Comment sa amin

kung nais mong makatanggap ng mas maraming tutorial mula sa amin, mangyaring isaalang-alang-subscribe sa aming mga feed sa pamamagitan ng RSS o sa pamamagitan ng email.

Filed under: Css, Tutorials sa pamamagitan ng admin