CSS display:block, display:inline, display:inline-block
1. display:block --> box - 요소 : div, h1~h6, p, ul, ol, li, dl, dt, dd, addres - 상하로 배치(block 요소 좌우 배치 위해 float 사용) - 크기 지정 가능(width, height) - margin, padding 상하좌우 가능 - size 지정 안했을 시 width="100%", height는 내용만큼 2. display:inline --> text - 요소 : a, span, em, strong, label, b, i, u - 좌우로 배치 - size 지정 안됨, width, height 내용 만큼만 크기 갖음 - margin, padding left,right만 가능 - 좌우 여러 개 비치 시 자간 때문에 사이에 4px 간격 생김..
2021. 3. 27.
CSS em, px, pt 사이즈 단위 변환
크기 단위는 절대단위와 상대단위로 구분 - 절대단위 : in, cm, mm, pt, pc가 있으며, 절대라는 말에서 알 수 있듯, 정해진 사이즈. - 상대단위 : em, ex, px, %가 있음. - em : font_size, 해당폰트의 대문자 M의 너비를 기준으로 함. - ex : x-height, 해당폰트의 소문자 x의 높이를 기준으로 함. - px : pixel, 표시장치(모니터)에 따라서 가시적으로 상대적인 크기를 가짐. - % : percent, 기본글꼴의 크기에 대하여 상대적인 값을 가짐. - pt : point, 일반 문서(워드 등)에서 많이 사용하는 단위. 대부분의 브라우저는 폰트 사이즈의 기본값이 12pt, 16px, 1em, 100% 이다. 각각 사이즈의 관계는 하기 공식으로 설명될 ..
2020. 6. 28.