CSS 개발자 수업 55일차 - float, position, z-index
1. float 2. position, z-index 1. float [ 정의 ] - 해당 태그의 출력 방식을 따르지 않고, 원래 위치에서 벗어나 라인의 왼쪽/오른쪽 끝으로 이동한다. - left, right, none(default) - float이 적용되면 block 성질이 된다. (최상단 배치) [ 예제 1 ] 테스트입니다.(div) 테스트입니다.(span) [ 예제 2 ] 블럭 태그 상자1 상자2 상자3 인라인 태그 링크1 링크2 링크3 2. position, z-index [ 정의 ] - 태그의 출력되는 위치를 지정하는 속성 - 좌표값을 사용해서 요소의 위치를 지정한다. (x좌표, y좌표) - 좌표를 지정하는 방식이 여러개 존재한다.( 속성에 따라 원점(0,0)이 다르고, 요소 배치 방식도 다르..
2021. 6. 17.