CSS: 절대배치와 float배치(0517)

오늘은 저번에 배운걸 바탕으로 절대배치와 float배치에 대해 연습해보았다.

css에 대해 더 배우기 위해서 검색을 해봤는데 그림을 이용하여 설명하는 게 있었다.

그림을 이용해서 코드를 보니깐 이해하는게 편했고 나도 한 번 그림으로 만들어봐야겠다! 라는 생각이 들었다!

처음 만들어서 미숙한 부분이 있지만 확실히 한눈에 더 알아보기가 편해 진것 같다

 

---

1. 절대배치

절대 배치는 절대 위치에 배치할 수 있다. 절대 위치는 left, right, top, bottom 프로퍼티 값으로 지정하며 이 값들은 부모 태그 안에서의 상대 좌표이다

 

---

2. float 배치

float 프로퍼티를 이용해 유동 배치를 할 수 있다. 보통 마우스로 브라우저 크기를 변경하면 텍스트나 이미지가 다음 줄로 내려가는 등 위치가 변한다. 이 프로퍼티를 지정하면 태그를 오른편이나 왼편에 항상 배치시킬 수 있다. 광고나 공지 등을 출력할 때 유용하다

 

이렇게 해서 오늘 배워본것을 알아보기 쉽게 적어보았다!!

나중에 복습을 할 때 유용하게 쓰일 것 같다

 

 

※여기에 나온 모든 이미지는 작성자가 만든 것 입니다