HTML, CSS

빡공단 웹 개발 입문 강의를 들으며

웹 개발 입문 강의 요약 정리

블록, 인라인, 인라인 블록의 차이

1.블록 
폭 = 100% 
폭을 줄여도 여백이 추가되어 한 줄을 모두 차지

2.인라인
자기 자신이 폭이며, 폭과 높이를 변경할 수 없음
한 줄을 모두 차지하지 않음

3.인라인 블록
인라인과 같지만 폭과 높이를 결정할 수 있음

CSS의 속성

color: 글자색 결정
background-color: 배경색 결정
background: 이미지, 색깔 등 배경 결정
border: 테두리 스타일 결정
font-size: 글자 크기 결정
display: block, inline, inline-block, flex, inline-flex 등 설정
width: 폭(가로)을 설정
height: 높이(세로)를 설정
text-align: 인라인 자식 요소를 어떻게 정렬할지 설정
margin: 밖 여백 결정
padding: 속 여백 결정
position: 포지션 결정
등등..