IT_susu

flex와 grid

나는 여태 color라 함은 font-color를 의미하는 줄 알았다.그런데 color는 포토샵의 전경색과 같다. foreground-color의 줄임말이라고 생각하면된다.그러면 배경색은? background-color이다. 전경색이라고 함은 앞에 나오는 컨텐츠 색이라고 이해하면 된다.색을 가지는 모든 요소가 color값을 가질지 background-color값을 가질지는 스펙을 참고해야한다.그리고 상속을 받아 색을 사용하려고 할 경우, css3에서는 currentColor를 값으로 적으면 명시적으로 전경색을 상속하겠다는 의미이다. 일반적으로 글씨색, 테두리색이 전경색을 따른다.

px은 고정값을 의미하고, %는 백분율로 계산된 값을 의미한다는 것은 많은 사람들이 알고 있다.em은 스타일을 지정한 폰트사이즈를 기준으로 곱하기로 계산되고,rem은 html, 즉 root값의 font-size를 기준으로 곱하기하여 계산된다. 각 단위의 특성에 따라 사용 방법을 정리해보면,px은 반응형을 생각해봐도 값이 변하면 안되는 요소들에 사용한다.%는 화면의 크기에 비례해서 정해져야 하는 요소들에 사용한다.em은 스타일을 지정한 폰트사이즈의 인접한 요소들에게 사용한다. (같이 상호작용할 필요가 있는 것들).그러나 이 경우에 스타일을 지정하는 요소는 rem으로 한다.rem은 em단위를 쓸 필요가 없고, 폰트사이즈에 따라 가변적으로 변하는 디자인에 사용한다. rem을 쓸거라면 media query도 r..