계속 까먹을 법한 것 적어 두기
영역 구성하기
section-abc
group-abc
abc-area: 섹션급 아닐 때는 area부터 시작하기
abc-wrap
abc-box
텍스트 태그 나누기
strong: '문장' 강조 게시글에서 제목급으로 사용
em: '단어' 강조 게시글에서 카테고리, 분류급으로 사용
p: 문장, 단락, 내용 등 유의미한 텍스트
span: 의미가 많이 떨어지는 텍스트
*단독 span: 기타 등등 텍스트
*a 태그나 다른 태그에 소속된 span: 디자인적 요소 사용
.blind 처리하기
.blind {
position: absolute;
width: 1px;height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
margin: -1px;
}
CSS 파일 구조
reset.css: 초기화
common.css: 공통으로 쓰이는 것들
layout.css: 큰 구조물, header와 footer를 공통으로 꾸미는 경우 (body의 대한 스타일도 추가로 진행)
main.css: 메인 페이지만을 위한
style.css: 메인 페이지가 아닐 경우 불러오는 용도
