수업 정리
transition
-
transition: background-color 5s;
색이 변화하는 과정을 5초에 걸쳐 볼 수 있음 -
명확한 값을 가진 경우에만 트랜지션을 적용할 수 있음
이러한 값에서 이러한 값으로 변할 거야 라는 정확한 값을 가져야 됨
문제 풀이
[+] : 현재 메뉴아이템 밑으로 다음 차수 메뉴가 존재할 때
현재 메뉴아이템 밑으로 다음 차수 메뉴가 존재하지 않으면 변화 없음
[-] : 위 상황에서 메뉴아이템에 마우스가 올라가면
div::after {
content: "테스트"
}
-> 콘텐츠 뒤에 새로운 콘텐츠를 삽입할 때 사용
div::before {
content: "테스트"
}
-> 콘텐츠 앞에 새로운 콘텐츠를 삽입할 때 사용
float
다음 요소 위에 떠있게 하겠다
div {
float:left;
}
-> 공백 제거 됨
