웹 입문

색상, 폰트, 텍스트 스타일링

지난 장에서 우리는 CSS의 기본 문법과 원하는 HTML 요소를 정확히 선택하는 다양한 선택자들에 대해 학습했습니다. 이제 CSS의 강력한 힘을 발휘하여 웹 페이지를 시각적으로 매력적이고, 사용자 친화적으로 꾸미는 구체적인 방법들을 알아볼 차례입니다.

주요 색상 관련 속성와 색상 값 표기법를 중심으로 색상, 폰트, 텍스트 스타일링의 판단 흐름을 읽습니다.

핵심 개념

색상(Color)

이 장에서는 웹 페이지 첫인상을 좌우하는 색상(Color), 글꼴(Font), 텍스트(Text) 스타일링 기법을 정리합니다.

1

색상 스타일링: 웹 페이지에 생동감 불어넣기

색상은 웹 페이지의 분위기를 결정하고, 사용자의 시선을 유도하며, 정보를 분류하는 데 중요한 역할을 합니다.

2

폰트 스타일링: 텍스트의 분위기 조절

글꼴(Font)은 텍스트의 가독성과 웹 페이지의 전반적인 미학에 결정적인 영향을 미칩니다.

3

텍스트 스타일링: 섬세한 표현과 효과 추가

폰트 자체 외에도 텍스트의 정렬, 간격, 장식, 그림자 등을 제어하여 가독성과 디자인을 향상시킬 수 있습니다.