Box Model
요소는 내용(content), 패딩(padding), 테두리(border)로 이루어져 있습니다. Padding은 내용과 테두리 사이의 '여유 공간'입니다. 반면에 Margin은 요소 주위의 여백입니다. 즉, 테두리 밖의 공간인 셈이다. border 한 줄로 끝내기 가장 일반적인 방법은 border 속성으로 한 줄에 다 쓰는 것입니다. 이 방식을 사용하면 위, 아래, 왼쪽, 오른쪽 모두 같은 테두리가 생깁니다. 값을 쓰는 순서는 굵기, 스타일(실선, 점선 등), 색입니다. 2px이 굵기, solid가 점선 #4d9fff가 색깔입니다. -dotted: 얇은 점선, dashed는 굵은 점선
텍스트 스타일링
폰트 굵기 설정 폰트 굵기를 설정하기 위해서는 font -weight 속성을 사용하면 됩니다. 사용 가능한 값은 얇은 순서로 100, 200, 300, 400, 500, 600, 700, 800, 900입니다. 100이 가장 얇고, 900이 가장 굵다는 뜻이죠. 텍스트 정렬 text-align 속성을 사용하면 텍스트를 왼쪽, 오른쪽, 또는 가운데로 정렬할 수 있습니다. 텍스트 밑줄 text-decoration을 사용하면 텍스트를 몇 가지 방법으로 꾸밀 수 있습니다. Underline : underline 값을 사용하면 밑줄이 그어집니다. Orerline : overline 값을 사용하면 글 위에 줄이 그어집니다. Line-through : line-through 값을 사용하면 줄이 글을 관통합니다. no..
