[기초] 7 - CSS 입문

(1) 마진과 패딩 설정

• padding: 박스 모델 안의 내용과 테두리 사이의 여백. 직접 크기 값을 지정하거나 백분율로 지정
• margin: 웹 요소와 요소 사이의 여백
• 속성값이 4개라면 top → right → bottom → left 순으로 적용됨
• 박스의 크기 계산

 

(2) 링크 스타일

• 의사 결정자(pseudo selector) 사용
• a:link 방문되지 않은 링크의 스타일
• a:visited 방문된 링크의 스타일
• a:hover 마우스가 위에 있을때의 스타일
• a:active 마우스로 클릭되는 때의 스타일

(3) 리스트 스타일

• display:inline; 수평 리스트를 만듦

 

(4) 테이블 스타일

• border-collapse:collapse; 테두리 한 줄로 만듦

속성	설명
border	테이블의 경계선
border-collapse	이웃한 셀의 경계선을 합칠 것인지 여부
width	테이블의 가로 길이
height	테이블의 세로 길이
border-spacing	테이블 셀 사이의 길이
empty-cells	공백 셀을 그릴것인지 여부
table-align	테이블 셀의 정렬 설정