[웹 디자인] 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.
[웹디자인] 목차
HTML과 CSS를 사용하여 웹 디자인을 학습하는 30일 과정을 제안합니다. 이 과정은 기초부터 심화 주제, 반응형 디자인 및 실전 프로젝트까지 포함하여 단계별로 학습할 수 있도록 구성했습니다. 웹 디자인 학습1. HTML 소개 및 기본 구조: HTML의 역사, 기본 문서 구조, 요소 및 속성2. 텍스트 관련 요소: 제목, 단락, 강조, 인용문3. 리스트와 테이블: 순서 있는 리스트, 순서 없는 리스트, 테이블 구조 및 속성4. 링크와 이미지: 하이퍼링크, 이미지 삽입 및 속성5. 폼과 입력 요소: 폼 태그, 입력 요소, 버튼, 폼 속성6. HTML5 시맨틱 요소: header, footer, nav, section, article, aside 등7. 멀티미디어 요소: 오디오, 비디오, 캔버스 요소8. ..
2024. 6. 21.