box-shadow 속성은 요소의 테두리를 감싼 그림자 효과를 추가한다. 쉼표로 구문해서 여러 그림자 효과를 입힐 수 있다. 박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산 정도, 색상으로 이루어진다.

CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있다. 예를 들어 :hover를 사용하면 포인터를 올렸을 때에만 글씨 색을 바꾸고 싶을 때 사용할 수 있다.

• 웹 문서 구조에서 특정 위치에 있는 요소를 선택하는 가상 클래스
• 웹 문서 구조에서 가장 상위 요소를 선택할 때 사용
• 최상위 요소에 변수를 선언하면 모든 요소에서 이 변수를 사용할 수 있다.

Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정한다. HTML이 웹 페이지의 구졸르 담당한다면, CSS는 구조의 외부와 내부를 꾸미는 역할을 담당한다.

BEM(Block Element Modifier)