[웹1]
7강 - Table
- 박스 속성
레이아웃을 구성할 때 사용하는 스타일 속성
width 가로 너비
height 세로 높이
padding 내부 여백
margin 외부 여백
border 테두리
- border 속성
속기법 : border: 두께 모양 색상;(순서 상관없음)
border-width 테두리 두께
border-sytle 테두리 모양
border-color 테두리 색상
- 배경 속성
background-color 배경 색상
background-image 배경 이미지
background-repeat 배경이미지 반복값
background-position 배경 위치 (가로, 세로 지정, 순서있음)
background-attachment 배경 이미지 고정
- 폰트 속성
font-size 폰트 크기
font-family 글자체 지정
1순위,2순위 순서대로 추천해주는 폰트 적용
두 단어 이상의 폰트명은 ""따옴표 묶어서 사용
사용자 컴퓨터에 폰트 확인이 불가능하므로, 마지막 폰트에는 *serif, **sans-serif를 적용
*serif : 모서리에 돌기가 있는 글자 (인쇄용 폰트)
**sans-serif : 모서리를 둥글게 표현한 글자 (웹에서 주로 사용)
font-style 이탤릭체
font-weight 폰트 두께 (bold)
line-height 문장의 줄 간격
공간에서 텍스트의 수직 가운데 정렬 용도로도 사용 (공간의 높이값만큼 지정, height)
text-align 텍스트 좌우 정렬 (가운데 center)
인라인엘리먼트의 좌우 정렬 용도로 사용
text-decoration 밑줄 사용 (underline)
일반적으로, 밑줄은 border로 사용하며 text-decoration은 밑줄을 지우기 위해 사용
*tbody table 표시
댓글