실제로 존재하는 요소에 특정 이벤트나 환경에 맞춰 가상으로 클래스를 줘서 css로 제어하는 것:link (미방문 링크에 스타일 지정):visited(방문했던 링크에 스타일 지정):hover (해당요소에 마우스를 올렸을때 스타일 지정):active (클릭한 상태일 때 스
CSS의 반응형 단위(Responsive units)에는 여러가지가 있는데, 그중 많이 사용되는 단위를 알아보자.현재 지정된 font-size를 나타내는 단위이다. 부모의 폰트 사이즈의 상대적으로 크기가 계산되어진다.r(root)+em : 루트에 지정된 폰트 사이즈에
반응형 웹이란? 반응형 웹은 웹사이트가 기기별로 최적화되어 보여지는 기능이다. 우리는 컴퓨터 모니터 뿐만 아니라 모바일(스마트폰 화면도 제각각임),태블릿 등 다양한 기기에서 웹사이트에 접근할 수 있다. 다양한 기기에서 웹사이트를 접근할 때 해당 기기의 화면에 적합

자세한 설명은 유튜브 드림코딩 엘리님의 설명을 들으면 된다.(👉👉👉 엘리님 유튜브 - em vs rem)
Semantic: "의미의","의미론적인"즉, Semantic Tag를 해석하면 "의미있는 태그"이다.번역한대로 시멘틱 태그는 태그에 의미를 부여해준다. 다음 태그들을 살펴보자. 일반적인 태그 : div,span,p... 시멘틱 태그 : article,footer,fo
react-bootstrap에 스타일을 적용하는 과정에서 커스텀 스타일이 적용되지 않고 bootstrap 기본 스타일이 적용되는 현상이 발생했다. 이 문제를 해결하는 과정에서 css 적용 우선순위의 문제가 원인이었음을 알게되어 CSS 적용 우선순위에 대해 정리하게 됐다