WJ

컨텐츠를 세로로 중앙 정렬 하는 방법 입니다. 1. padding 이용하기 1) 부모요소에 height값 없이 padding 값 만으로 높이를 지정하여 세로 정렬 합니다. 2. 포지션(Position) 이용하기 1) 부모요소에 positon:relative; 적용 2) 중앙정렬 하려는 컨텐츠 요소에 position: absolute; top: 50%; 적용3) 컨텐츠의 height 값이 고정일 경우 : margin-top:-(height/2); 적용 컨텐츠의 height 값이 고정이 아닐 경우 : transform: translateY(-50%); 적용 3. display: table / table-cell 이용하기 1) 부모요소에 display: table;2) 중앙정렬 하려는 컨텐츠 요소에 displ..

인라인, 인라인-블럭 요소들을 아래와 같이 작성 하였을 때 요소 사이에 간격이 발생 하게 됩니다 . 기본 이러한 간격들을 없애기 위한 다양한 방법들이 있습니다. 1. 인라인 요소들 붙여쓰기 css 수정 없이 간단한 방법으로 간격을 없앨 수 있지만 가독성이 좋지 않습니다. 2.부모 요소에 font-size:0 인라인 요소를 감싸고 있는 부모 요소에 font-size:0 을 적용 한 후,인라인 요소에 기존의 font-size 값을 입력하는 방법입니다. 3. 주석처리 방법 html의 주석을 활용해서 간격을 제거 할 수 있다고 합니다. 4. 닫힘 태그 내리는 방법 닫힘 태그를 아래로 내려 간격을 없앨 수 있습니다. 5. 마진값으로 없애기 마진값을 통해 간격을 없앨 수 있지만 브라우저 마다 마진 값이 달라 추천 ..

meta 태그는 브라우저상에서는 보이지 않지만, HTML문서에 대한 정보를 담고 있고 이러한 정보들을 브라우저, 검색엔진 등의 웹 서비스에 전달 해주는 중요한 태그 입니다. 또한 웹 사이트의 페이지 마다 효과를 설정할 수도 있고 검색엔진의 로봇을 제어하여 보안 성능을 강화하는 역활도 수행합니다. meta 태그는 안에서 사용됩니다. 속성으로는 charset, content, http-equiv, name을 사용합니다.