Hầu hết các novice CSS thiết kế không nhận ra tầm quan trọng của việc tạo ra một reset.css "" tập tin. Các trình duyệt khác nhau quá trình mã khác nhau. Những gì có thể nhìn hoàn hảo trong Firefox, có thể tắt trong Internet Explorer. Có rất nhiều CSS resets tất cả qua internet có thể giúp chống lại trình duyệt của vấn đề. Vấn đề chính với cách sử dụng một trong những khuôn khổ hiện nhiều hiện tại là họ không phù hợp cụ thể cho bạn.

Bây giờ thời gian của mình để tạo tập tin của riêng tuỳ chỉnh của bạn được đặt lại. Trong bài này bạn sẽ tìm thấy Làm thế nào để tạo riêng của Simple File Reset.css trang web của bạn cho dự án tiếp theo của bạn. Tôi hy vọng bạn sẽ thích thú với hướng dẫn này.

Bước: margin Hủy bỏ 1 và padding yếu tố

  html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, pre, em,  
  font, img, sub nhỏ, mạnh mẽ,, sup, ul, ol, li, dl, dt, dd, fieldset, hình thức,  
  nhãn, truyền thuyết, tr, th, td, đầu vào, chọn, textarea 


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

Bước: 2 Đặt lại typographic phong cách:

  h1, h2, h3, h4, h5, h6 
  ( 
  % ; font-size: 100%; 
  ) 
  em 
  ( 
  ; font-style: italic; 
  ) 
  mạnh mẽ 
  ( 
  ; font-weight: bold; 
  ) 

Bước: 3 Thiết lập lại các danh sách có thứ tự:

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

Bước: 4 Nhận thoát khỏi biên giới::

  img, fieldset 
  ( 
  border: 0; 
  ) 

Dưới đây là Final Reset.css Simple File của chúng tôi.

  html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, pre, em, 
  font, img, sub nhỏ, mạnh mẽ,, sup, ul, ol, li, dl, dt, dd, fieldset, hình thức,  
  nhãn, truyền thuyết, tr, th, td, đầu vào, chọn, textarea 
  ( 
  ;  border : 0 ; outline : 0 ; margin: 0; padding: 0; border: 0; outline: 0; 
  ) 

  h1, h2, h3, h4, h5, h6 
  ( 
  % ; font-size: 100%; 
  ) 

  em 
  ( 
  ; font-style: italic; 
  ) 

  mạnh mẽ 
  ( 
  ; font-weight: bold; 
  ) 

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

  img, fieldset 
  ( 
  border: 0; 
  ) 

  a 
  ( 
  ; color: # 333333; 
  ; text-decoration: none; 
  ) 
 
  a: hover 
  ( 
  ; text-decoration: underline; 
  ) 

Kết luận

Đây chỉ là một số mẹo giúp tôi viết code tốt hơn. Tôi hy vọng rằng hướng dẫn, cũng sẽ giúp bạn ghi tốt hơn và sạch mã. Lời khuyên này áp dụng cho các dự án của bạn hiện tại và kế tiếp, và bạn chắc chắn sẽ đánh giá cao những nỗ lực.

Nếu bạn nghĩ rằng có thể được hướng dẫn chi tiết hơn, Hãy chia sẻ với chúng tôi. Thảo luận với chúng tôi

nếu bạn muốn nhận được hướng dẫn thêm từ chúng tôi, hãy xem xét việc đăng ký vào nguồn cấp dữ liệu của chúng tôi bằng RSS, hoặc bằng email.

Filed under: Css, Hướng dẫn bởi admin