css intro

기초 개념

예전에는 html에서 스타일을 컨트롤했으나, 관심사 분리의 측면에서 css가 등장하게 되었다. 즉, css는 스타일만, html은 문서 구조만 담당하도록 분리한다는 것.
css는 barrier-free에 기여할 수 있다.
css는 단순 디자인을 위한 것이 아닌 ui, ux를 고려해 설계되어야 한다.
디자이너와 개발자가 협업하는 지점이다.

무료 앱 아이콘을 사용해 css 디자인 요소로 활용할 수 있다.
fallback: font-family 프로퍼티에서 원하는 글꼴이 지원되지 않을 경우를 대비한 예비 글꼴
- 대안으로 goolgle fonts 서비스를 이용해 웹 폰트를 사용하는 방법이 있다.
rem: em과 달리 root 글자 크기에 따라 사용하는 상대 단위이기 때문에 사용자 접근성에 유리하다.
px: 사용자 접근성에 불리한 절대단위
vw/vh: viewport(한 화면에 보이는 크기)를 기준으로 witdh와 height를 지정하는 방법. 이미지 등을 화면에 꽉 차게 띄우고 싶을 때 사용하면 될 듯하다.
셀렉터 *를 사용해 모든 요소에 box-sizing: border-box 프로퍼티를 적용하는 것이 디자인에 편하다(padding과 border 값을 width/height에 포함하기 때문)

참고: 코드스테이츠 유어클래스