HTML/CSS기초 4일차 공간활용( margin, padding, border)
2022. 10. 6. 16:37
Study/HTML,CSS
block은 한줄한칸으로 공간을 차지 inline은 글자공간만 차지 none은 숨겼을때 사용한다 예제_a태그를 마우스를 올렸을 때, 그 옆에 있는 span태그의 디스플레이를 inline으로 변경 a : hover + span a태그 를 클릭했을때 그 옆에 있는 스팬태그 display : inline 디스플레이 를 인라인으로 변경! a태그를 공간활용을 위해 태그의 공간을 네모로 할당한다 ● margin=테두리 바깥쪽에 공백을 부여하는 속성 - 컨텐츠의 크기에는 변화가 없고 위치만 이동 - 10px = 상하좌우 각각 10px값을 부여 - 10px 20px = 상하10px, 좌우20px - 10px 20px 30px 40px = 상 10, 우 20, 하 30, 좌 40 (시계방향) - auto = 화면의 가운..