[CSS] 팁

개발일기·2023년 2월 8일

상위 태그에 CSS 값(예: height,width)이 있으면 자식 요소에 값을 부여하지 않아도 된다 대신 height:100%를 줘야한다.

이미지 태그 여백 : 이미지 태그에 display:block을 준다.
vertical-align 값을 top 또는 bottom으로 준다

그 중 <img> 태그는 인라인 요소이다 따라서 블록 요소와 달리 보이지 않은 가상의 기준선을 가지고 있습니다. 이를 결정하는 속성이 위에서 이야기한 vertical-align: baseline; 입니다.

body 태그에 css 속성을 부여하면 input 태그에는 먹히지 않는다.
(전체 속성을 부여할 때 * 사용)

기존 페이지에 이미지를 넣었는데 가운데 정렬이 안되는경우
이미지 자체에서 중앙으로 정렬되어있는지 확인(한쪽이 넓이가 크거나 작지 않은지)