Web/CSS3 [Bootstrap] 마우스 오버 시 Tooltip 나오게 하는 법 힌트 결과 2022. 10. 21. [Bootstrap] 공백 margin, padding 등 margin 과 border 사이의 진한 테두리가 우리가 텍스트나 버튼 등을 넣을 주된 공간. M : margin P : padding 하단에 나오는 우측 속성들을 전부 조합해서 사용 가능 예) mb-3 은 margin bottom 1rem 의 크기만큼 띄운다는 의미 mt, mb, ml, mr, pt, pb, pl, pr 등 조합 가능 t top b bottom l left r right x x축 y y축 0 0 만큼의 크기 (font-size를 16px를 기준으로) 1 .25rem (4px 크기) 2 .5rem (8px 크기) 3 1rem (16px 크기) 4 1.5rem (24px 크기) 5 3rem (48px 크기) auto margin을 자동으로 세팅 n negative를 의미 (font-size.. 2022. 10. 21. [CSS] 브라우저 Viewport Viewport 브라우저에서 viewport는 메뉴바, 탭 영역 등을 제외한 순수한 화면 영역. viewport 영역은 각각의 디바이스 크기에 따라 다양함. 브라우저를 확대하거나 축소할 경우 viewport 크기는 바뀌지만, 브라우저 창 크기인 outerWidth는 변하지 않음. 예시: 속성 width=device-width : 페이지의 너비를 기기의 스크린 너비로 설정합니다. 즉, 렌더링 영역을 기기의 뷰포트의 크기와 같게 만들어 줍니다. initial-scale=1.0 : 처음 페이지 로딩시 확대/축소가 되지 않은 원래 크기를 사용하도록 합니다. 0~10 사이의 값을 가집니다. minimum-scale : 줄일 수 있는 최소 크기를 지정합니다. 0~10 사이의 값을 가집니다. maximum-scale.. 2022. 10. 21. 이전 1 다음
