CSS

반응형일 때 가로의 길이가 변하면 세로의 길이도 비율에 맞게 변해야 자연스럽게 보인다.하지만 반응형은 보통 가로의 길이와 세로의 길이가 같은 비율로 변하지 않기 때문에 퍼센트를 사용하면 결국 비율이 깨지게 된다.먼저 비율을 유지할 부모 태그와 컨텐츠를 담을 자식태그를

한글, 영어, 숫자, 특수문자의 폰트를 각자 다르게 설정하거나 일부만 다르게 설정을 하고 싶을 수 있다.font-face를 사용하며 제작한다.기존 폰트나 새로운 폰트를 정의해주고 font-weight, style 등을 지정해준다.(이는 선택)그리고 해당 폰트에 부여해주

1. 개요 flex를 사용할 때 내부 요소들의 개수와 상관없이 내부 요소들의 넓이를 조정할 수 있다. 예를들어 탭을 만들 때 같은 형태의 탭에 안에 들어가는 탭 개수만 달라질 수 있다. 이때 각각 탭에 퍼센트를 주어 넓이를 잡으면 탭 개수가 바뀔 때 넓이의 수치도

모바일 화면에서 100vh를 사용하면 상, 하단에 위치한 네비게이션 바나 url 등으로 깨지게 된다.