언어 및 도구들 공부/HTML, CSS 25

html에서의 글자 높이 가운데 정렬

html에서 글자를 가운데 정렬하게 하는 방법중, 글자가 들어갈 요소의 height와 line-height 의 값이 같게 하는 것도 맞나? 답안 표시 네, 맞습니다. HTML에서 글자를 수직 중앙 정렬하는 방법 중 하나로, 글자가 들어갈 요소(주로 div, p, span 등)의 height와 line-height 값을 같게 설정하는 방법이 있습니다.원리:line-height는 텍스트 한 줄의 높이를 지정하는 CSS 속성입니다.height는 요소의 전체 높이를 지정하는 CSS 속성입니다.height와 line-height 값이 같으면, 텍스트는 해당 요소의 수직 중앙에 위치하게 됩니다.이는 텍스트가 한 줄일 때 특히 효과적입니다. 여러 줄의 텍스트인 경우, 각 줄은 line-height 값에 따라 간격을 ..

CSS에서 텍스트의 속성 설정

css 13단원 1번 실습 문제에서, body 전체에다가 속성을 준다고 하더라도,텍스트가 아닌 태그들은 그 속성값이 먹히지 않아서, 따로 주어야 한다.리스트도 텍스트의 속성이 아니라서, 직접 따로 주어야 한다. 그리고,리스트 자체가 패딩이 어느정도 있다는 가정 하에서 리스트 아이콘들이 보이게 기능이 구현되어 있기에,리스트 아이콘이 있는 상황에서 패딩을 0을 줘버리면, 아이콘이 살아 있어도 화면 밖(왼쪽)으로 나가버리게 된다.