Dongi_coding 동기_코딩

안녕하세요 동기 여러분! 오늘은 float 프로퍼티에 대해 알아봅시다! Float 영어사전에 float을 찾아보면 (액체위에) '띄우다'라는 뜻이 있습니다. 우리는 웹 페이지에 왼쪽이나 오른쪽 어디에 '요소를 띄우다'라고 생각하고 공부하면 좋을 것 같습니다. (보통 이미지와 텍스트를 한 컨테이너에 담고 싶을 때 사용합니다.) float 프로퍼티에는 총 4 가지의 프로퍼티가 있습니다. 아래의 표를 봅시다. float의 값 설명 left 해당 요소의 컨테이너 왼쪽으로 띄웁니다. right 해당 요소의 컨테이너 오른쪽으로 띄웁니다. none 기본 값. inherit 부모 요소의 float 값을 상속 받습니다. 컨테이너는 여러 요소를 담을 수 있는 큰 박스를 말합니다. 그림을 정말 못 그렸는데 이 그림은 flo..

안녕하세요 동기 여러분! 오늘은 CSS의 float 프로퍼티에 대해 알아봅시다! Using Float 저번 시간에 만든 메뉴바 옆에 빈 공간이 있는데 거길 채워 주고 싶을 때 float 프로퍼티를 사용하여 채워 줄 수 있습니다. 생김새 .bloglink { float: right; } float: right; 오른쪽에 띄우겠다. float: left; 왼쪽에 띄우겠다. float: none; 띄우지 않겠다. float: inherit; 요소는 요소의 부모로부터 float 값을 상속받겠다. 해봅시당 제가 최근에 시작한 디아블로2 블로그 링크를 빈 공간에 한번 채워보도록 하겠습니다. 동기의 디아블로2 블로그 ※ target="_blank" 새창에서 실행 이 코드를 태그 밑에 태그 위에 넣어주고 HTML 코드..