K-디지털크레딧 "바로 써먹는 풀스택기초-자바스크립트" 2일차

-인라인요소의 가운데정렬 -> 부모속성에 text-align: center;

가상선택자
-가상클래스 : 클래스 개념 (ex. :hover, :active)
-가상요소 : 요소를 추가해주는 개념 (ex. ::before, ::after)

footer에 before요소를 추가하면 -> footer내의 요소 앞에 추가됨
footer에 after요소를 추가하면 -> footer내의 요소 뒤에 추가됨

-부모요소보다 넘쳐흐른 부분을 잘라주기 -> overflow: hidden;

-외부그림자 넣기 -> box-shadow: 0(x위치) 0(y위치) 0(블러 크기) 0(그림자 크기) 색깔. (그림자 중첩 가능)
맨 앞에 inset를 넣으면 내부 그림자 넣기가 가능함.