float : CSS의 float 속성은 요소를 가로로 띄우는 데 사용됩니다. { float: left; } : 태그들을 왼쪽에서부터 차례로 가로 배치 { float: right; } : 태그들을 오른쪽에서부터 차례로 가로 배치 float 속성이 적용 된 태그를 감싸는 부모태그는 높이값을 0px로 인식하기때문에 웹에 나타나지 않습니다. 부모태그를 화면에 보여주기 위해서는 ::after를 넣어줘야합니다. ex)
position : CSS에서 position 속성은 요소의 위치를 설정할 수 있습니다. ex) { position : absolute; top: 20px; left : 50px; } : 부모태그의 위쪽에서 20px, 왼쪽에서 50px 떨어진 위치에 배치 static (기본값) : 흐름에 따라 배치 relative : 일반적인 흐름에 따라 배치 top, right, bottom, left 속성을 사용하여 요소의 위치 이동 absolute : 일반적인 흐름을 제거, 부모 요소의 위치를 기준으로 배치 - 상위 태그를 기준으로 위치를 정함 - absolute 값이 적용된 태그는 독립이 됨 - 만약 모든 태그가 absolute값을 가진다면 전체 문서의 높이값은 0이 됨 fixed : 화면 특정 위치에 고정 in..
박스 모델 margint border padding contents ex) 회색박스 를 기준으로 padding과 아래쪽 margin .ga{ padding: 50px; background-color:darkgrey; margin-bottom: 50px; }
list.add(값); : list에 값 추가 list.remove(인덱스); : list의 해당 인덱스 값 제거 list.get(인덱스); : list의 해당 인덱스 값을 불러옴 list.size(); : list의 값 개수를 불러옴 list.isEmpty() : list 안에 요소가 비어있으면 True, 있으면 False
