Wednesday, April 5, 2017

Một số loại css html rất quan trọng và hay sử dụng mà chúng ta quên hoặc chưa từng dùng

Một số loại css html rất quan trọng và hay sử dụng mà chúng ta quên hoặc chưa từng dùng


1- overflow (Hay s? d?ng ?? che ?i ph?n không mong mu?n)



K?t qu? ta ???c

2-Span (Hi?n th? ?o?n v?n trên cùng dòng v?i th? p nói cách khác là can thi?p vào ???c th? p)

-t? ?ó ta có th? css cho span thành ch? có style riêng bi?t khác p



3- fist-leter (Ch? in hoa ??u tiên c?a ?o?n v?n)

  p::first-letter {
      font-size: 200%;
      color: #8A2BE2;

  }
4 - Absolute (Absolute ph?i nghe theo body)
#container {
/*Khi ch?a dùng relative*/
}
#container #logo1 {

position:absolute;
}
#container #logo2 {

position:absolute;
}
#container #logo3 {

position:absolute;
}
#container #logo4 {

position:absolute;

}

#container {
position:relative; //Khi s? d?ng relative
}
#container #logo1 {

position:absolute;
}
#container #logo2 {

position:absolute;
}
#container #logo3 {

position:absolute;
}
#container #logo4 {

position:absolute;

}


5- Animatable (Hi?u ?ng b?ng css nâng cao)
http://leaverou.github.io/animatable


======H??ng d?n vi?t css t?i ?u nh?t======


1. Không s? d?ng thi?t l?p toàn c?u

S? d?ng thi?t l?p toàn c?u ?? lo?i b? các m?c ??nh v? margin và [padding] t? t?t c? các ph?n t? [HTML] tuy?t ??i không s? d?ng. Nó không ch? ch?m mà còn không hi?u qu? nh?ng b?n ph?i xác ??nh margin và padding cho m?i y?u t? khi c?n nó. Thay vì ?ó hãy s? d?ng t?p h?p các thi?t l?p CSS nh? c?a Eric Meyer.

Không t?t 
*{ margin:0; padding:0; }



T?t 
*{ margin:0; padding:0; } 



  • html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }  
  • table { border-collapse:collapseborder-spacing:0 }  
  • fieldset, img { border:0 }  
  • ul { list-style:none }
  • - See more at: http://webdeveloperplus.com/css/tips-to-write-better-css-code/#sthash.gPgfSZ2t.dpuf

      html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }