[웹 디자인] 10일차: CSS 색상 및 배경
색상CSS에서 색상은 웹 디자인의 중요한 요소 중 하나입니다. 색상을 사용하여 텍스트, 배경, 테두리 등을 스타일링할 수 있습니다.색상 표현 방법CSS에서 색상을 표현하는 여러 가지 방법이 있습니다:색상 이름: 미리 정의된 색상 이름을 사용합니다.color: red;16진수 표기법: #RRGGBB 형식을 사용합니다.color: #ff0000;RGB 표기법: rgb(red, green, blue) 형식을 사용합니다.color: rgb(255, 0, 0);RGBA 표기법: rgb(red, green, blue, alpha) 형식을 사용하며, alpha 값은 투명도를 나타냅니다.color: rgba(255, 0, 0, 0.5);HSL 표기법: hsl(hue, saturation, lightness) 형식을 사..
2024. 8. 10.
[웹 디자인] 9일차: CSS 텍스트 스타일링
텍스트 스타일링이란?CSS 텍스트 스타일링은 웹 페이지의 텍스트 모양과 레이아웃을 제어하는 데 사용됩니다. 텍스트 스타일링은 글꼴, 크기, 색상, 정렬 등을 포함하여 텍스트를 더 읽기 쉽게 만들고, 시각적으로 일관된 디자인을 제공합니다.글꼴글꼴 스타일링은 텍스트의 모양과 느낌을 정의하는 중요한 요소입니다.글꼴 패밀리font-family: 글꼴 패밀리를 설정합니다. 쉼표로 구분하여 여러 글꼴을 지정할 수 있으며, 지정한 순서대로 사용 가능한 글꼴이 선택됩니다.예제:body { font-family: 'Arial', 'Helvetica', sans-serif;}글꼴 크기font-size: 텍스트의 크기를 설정합니다. 절대 크기(px, pt 등)나 상대 크기(em, rem, %)로 지정할 수 있습니다.예제:..
2024. 8. 9.