[CSS] 많이쓰는 class 이름 정리

 breadcrumbs (빵부스러기 : 길을 잃어버리지 않기 위해 길에 떨어뜨리는 빵부스러기와 같은 역할)

ex) 홈 > 회사소개 > 연혁

class명	설명	예시
wrapper
container
inner
section
box	그룹핑 목적으로 사용되는 div 엘리먼트에 주로 사용
area
sub
bul	의미가 없는 요소로 사용할 수 있는 이미지로 사용
icon	의미가 있는 요소로 설명에 대한 텍스트가 명확한 경우 사용
item
pop	팝업
tit	heading 요소로 사용되지는 않고 문단의 강조를 나타내는 형식의 텍스트
desc
txt	문단의 이미지로된 텍스트에 사용
h1 ~ h6	heading요소에 사용
aside
nav	lnb, gnb, snb 등의 네비게이션 요소에 사용
lnb	현재 서비스 지역 네비게이션
gnb	최상위 공통 네비게이션
snb	gnb, lnb를 제외한 측면 네비게이션
tab	네비게이션 요소를 제외한 탭 메뉴 형태에 사용
btn	버튼 형식의 엘리먼트 요소에 사용
path	현재 페이지의 경로를 지정할때 사용	홈 > 회사소개 > 연혁
breadcrumbs	빵부스러기 : 길을 잃어버리지 않기 위해 길에 떨어뜨리는 빵부스러기와 같은 역할	홈 > 회사소개 > 연혁
on	활성 상태에 대한 표현에 사용
off	비활성 상태에 대한 표현에 사용
over	오버 / 포커스 상태에 대한 표현에 사용
@	임시로 레이아웃의 구조에 사용되는 이미지 또는 개발과 연동되는 부분의 썸네일 이미지, 광고영역의 이미지에 사용
srch	search 축약어
bttm	bottom 축약어
idx	index 축약어