반응형2 35일차 복습 부트스트랩 트위터에서 시작된 오픈소스 프레임워크. 간단하게 페이지의 전체적인 틀을 짤수 있으며, 버튼, 글자, 입력폼, 효과 등 자잘한 부분들 모두 내장되어 있기 때문에 웹 페이지를 빠른 시간내에 간단히 만들수 있다. 또한 모바일이나 태블릿처럼 다양한 해상도에 따른 화면 설정을 간단히 할수 있기에 크게 사랑받는 프레임워크다. 부트스트랩을 사용하기 위해선 기존 css문법이 아닌, 내장된 부트스트랩만의 문법을 사용해야 한다. 어려울건 없으니 그때그때 필요한 기능을 공식 사이트에서 찾아서 사용하면 된다. https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with Bootstrap Bootstrap is a powerful, .. 2023. 1. 1. 28일차 복습 em과 rem 둘 모두 배수로 크기를 지정하는 단위로, 기본 글자 크기 16px을 기준으로 늘리거나 줄인다. 다만 em은 부모 태그가 존재할 경우, 부모의 크기를 기준으로 배수를 한다. 반면 rem은 부모 태그가 몇개가 존재하더라도 항상 같은 값이 나온다. 아래의 예를 보자. 기본크기 16px 테스트문구 (19.2px) 테스트문구 (23.4px) 테스트문구 (27.6px) em의 경우는 부모 태그의 1.2배를 거듭 한다. 그렇다보니 같은 값을 얻기 매우 힘들어 나온 기술이 rem이다. rem은 부모 태그가 얼마나있든 상관없이 항상 16*1.2의 값인 19.2px가 나온다. 기본크기 16px 테스트문구 (16*1.2=19.2) 테스트문구 (19.2*1.2=23.4) 테스트문구 (23.4*1.2=27.6) .. 2022. 12. 21. 이전 1 다음
