반응형 크기3 [CSS] 배경 배경더보기/* 배경색 */backgroundcolor: blue;background-color: #000000;backgroudn-color: rgb(0, 0, 0);/* 배경 이미지 삽입: 현재 파일 기준으로 경로 작성 */background-image: url(../img/test.png);/* 배경 반복: 기본값 repeat */background-repeat: no-repeat;background-repeat: repeat-x;background-repeat: repeat-y;background-repeat: repeat;/* 배경 위치: 가로, 세로 설정 */background-position: center center;background-position: right bottom;backgrou.. 2025. 3. 6. [CSS] 박스(영역) 크기 박스 크기더보기/* 영역별 크기 지정 */width: 100px;height: 100px;/* 영역별 크기 지정: %는 높이값이 지정되지 않음 */width: 20%;height: 20%;/* 영역별 크기 지정: 브라우저 가로 크기 기준(100등분) 지정 */width: 20vw;height: 20vw;/* 영역별 크기 지정: 브라우저 세로 크기 기준 지정 */width: 20vh;height: 20vh;/* 바깥 여백 지정 */margin: 20px /* 상하좌우 여백 */margin: 20px 50px;/* 상하, 좌우 여백 */margin: 20px auto /* 상하는 20px, 좌우는 가운데 균등 배치 */margin: 20px auto 40px /* 상, 좌우, 하 여백 */margin: 0p.. 2025. 3. 6. [CSS] 폰트 폰트- 구글 웹 폰트 적용: https://fonts.google.com/- Font Awesome: https://fontawesome.com/더보기@charset "utf-8";/* 폰트의 굵기 */font-weight: normal;font-weight: bold; /* 폰트의 크기 */font-size: 60px;font-size: 1rem; /* 최상위 html 기준 상대 비율로 변환 */font-size: 1em; /* 부모 태그 기준으로 상대 비율 적용 *//* 폰트 모양(시스템 폰트: 기본 폰트) */font-family: "돋움";font-family: "굴림";font-family: "serif";font-family: "arial";/* 구글 웹 폰트 */@import url('htt.. 2025. 3. 5. 이전 1 다음 반응형
