https://developer.mozilla.org/ko/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/CSS

mobile first가 좋다

/*Default CSS layout for narrow screens*/
@media (min-width: 480px) {
  /*CSS for medium width screens*/
}
@media (min-width: 800px) {
  /*CSS for wide screens*/
}
@media (min-width: 1100px) {
  /*CSS for really wide screens*/
}

css 기술 순서

display
list-style
position
float
clear
width / height
padding / margin
border / background
color / font
text-decoration
text-align / vertical-align
white-space
other text
content

css 기술 순서가 있지 않을까 싶어서 찾아보았다.
그런데 블로그들에서 'mozilla에서 제안했다'고 하면서 위의 리스트를 나열하는데,,, 정작 mdn 홈페이지에서는 찾지를 못했다ㅠㅠ