오늘은 찾아보고 배웠던 style css 코드를 기록하려 합니다.
flex-direction: column; / 세로 방향으로 정렬 /(가로는 row;)
align-items: center; / 수평 중앙 정렬 /
justify-content: center; / 수직 중앙 정렬 /
height: 300px; / 컨테이너의 높이 설정 /
text-align: center; / 텍스트 중앙 정렬 /
font-family: Arial, sans-serif; / 폰트 설정 /
padding: 20px; / 안쪽 여백 설정 /
border: 1px solid #ccc; / 테두리 설정 /
border-radius: 8px; / 둥근 테두리 /
background-color: #f9f9f9; / 배경색 설정 /
display: flex; / Flexbox 레이아웃 사용 /
justify-content: space-between; / 아이템 사이에 공간 분배 /
gap: 20px; / 아이템 사이의 간격 설정 /
margin-top: 0;/ 제목 위쪽 여백 제거 /
margin-bottom: 10px;/ 제목 아래쪽 여백 설정 /
font-size: 1.5em;/ 제목 크기 설정 /
color: #333;/ 제목 색상 설정 /
list-style-type: disc;/ 목록 스타일: 원형 점 /
padding-left: 20px; / 목록 왼쪽 여백 설정 /
margin-bottom: 10px;/ 목록 항목 간의 간격 설정 /
line-height: 1.6;/ 줄 간격 설정 /
