본문 바로가기
반응형

div2

div 가운데 정렬 하는 방법 div 가운데 정렬 하는 방법 정렬 방향 div의 가로만 정렬 div의 세로만 정렬 div의 가로와 세로 모두 정렬 div의 가로만 정렬 가로로 정렬하는 세 가지 방법 text-align 속성 이용 flex 속성 이용 position과 transform 속성 이용 ​ ● text align 속성 이용하여 가로 정렬 HTML display: inline-block text-align: center CSS /* 백그라운드 색깔 및 크기 설정 */ html,body{background:#ddd} .outer{width:400px;height:150px;background:pink} .inner{width:150px;height:150px;background:black;color:white} /* 가운데 정렬 .. 2023. 10. 18.
Html 태그 정리 Html 태그 정리 Html 태그 사용 빈도수 1. 텍스트 관련 태그 HTML 태그 (1) 태그 종류 설명 hn 제목 / h1~h6까지 숫자가 커질수록 글자 크기는 작아진다. p 텍스트 단락 / 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄을 바꾼다. br 줄 바꿈 / 텍스트 단락 중 원하는 위치에서 줄을 바꾼다. blockquote 내용 인용 / 다른 내용보다 들여 쓰고 단락으로 표시한다. strong 중요한 텍스트를 굵게 표시한다. b 중요하지는 않지만 굵게 표시한다. em 중요한 텍스트를 기울게 표시한다. i 중요하지는 않지만 기울게 표시한다. ins 내용을 편집할 때 추가한 내용을 표시한다. del 내용을 편집할 때 삭제한 내용을 표시한다. sup 위 첨자 sub 아래 첨자 2. 목록 관.. 2023. 10. 18.
반응형