CSS 기본 Style 변경하기

• 들어가기 전에

글자색, 배경색, 글꼴은 어떻게 바꾸는 것일까? 텍스트 속성 및 옵션값을 변경하는 방법에 대해 배워보도록 하자.

• 학습 목표

1. CSS 없이 먼저 HTML 구조를 설계할 수 있다.

• 핵심 개념

- font-size

- background-color

- font-family

• font 색상 변경

- color : red;

- color : rgba(255, 0, 0, 0.5); → a (알파값) : 투명도

- color : #ff0000; → 16진수 표기법으로 가장 보편적, 축약가능(f00)

• font 사이즈 변경

- font-size : 16px;

- font-size : 1em; → 먼저 정의된 픽셀값을 기준(default : 16px)으로 두고 상대적인 크기(배수)로 지정

• 배경색

- background-color : #ff0;

- background-image, position, repeat

- background : #0000ff url(".../gif") no-repeat center top;

• 글씨체/글꼴

- font-family : "Gulim";

- font-family : monospace, "Gulim"; → monospace를 지원하지 않는 브라우저인 경우 차선으로 굴림체를 적용