CSS 태그 정리

자주 사용되는 CSS 태그 정리

디자인 관련 태그

1.color: 글자의 색상을 변경해줌.

2.background-color: 배경색을 변경해줌.

3.font-size: 글씨의 크기.

4.font-family - 텍스트 폰트.

5.text-align: 글씨의 위치 정렬.

6.border - 박스의 테두리와 관련한 태그.

6-1.border-width: 테두리의 굵기.

6-2. border-color: 테두리의 색상

레이아웃 관련 태그

1.width, height: 가로,세로 크기와 관련된 태그.

2.margin, padding: margin은 border 바깥쪽 여백. padding은 border 안쪽 여백.

3.position: 태그의 위치를 정의하는 태그.

3-1.static: 다른 태그와의 관계에 의해 자동으로 배치.임의로 설정 불가.

3-2.absolute: 절대 좌표로 위치 지정.

3-3.relaive: 원래 있던 위치로 태그를 위치시킴.

3-4:fixed: 스크롤과 무관하게 위치 고정.

3-5:inherit: 부모태그의 속성을 상속.