[코딩 일기] 9/3 CSS 공부 ⑤

display | visibility 순수한 CSS만 사용해서 나타낼 수 있는 방법은 나타내고자 하는 코드의 영역을 나타나 있는 코드 안에 속하도록 하는 것이다. #main .sub1 { clear: both; display: none; } #main .menu .a:hover .sub1 { color: red; display: block; } #main .sub2 { visibility: hidden; } #main .menu .b:hover .sub2 { color: red; visibility: visible; } → display보다, visibility를 더 선호한다. display는 화면을 차지하지 않았다가 차지하기 때문에 화면이 달라지는데, visibility는 이미 화면이 차지된 상황에서 콘텐츠만 가렸다가 다시 보이기 때문에 화면이 달라지지 않는다. z-index : 요소 쌓는 순서 정하기 값이 작을수록 아래에 쌓이고 값이 클수록 값이 작은 요소보다 위에 쌓인다. ...

원문링크 : [코딩 일기] 9/3 CSS 공부 ⑤