CSS 기본(font-size, color, background, border)

CSS 기본

(font-size, color, background, border)

ㆍ font-size

ㆍ color

ㆍ background

ㆍ border

font-size

말 그대로 글자의

크기를 잡아주는 속성입니다

단위는 px 또는 rem을 쓰시면 됩니다.

보통 요즘은 rem을 많이 씁니다.

그 이유는 px은 값을 지정했을때

끝까지 그 값으로 고정됩니다.

크롬이나 다른 웹브라우져에서

요즘은 글자크기를 사용자가

정할 수 있게 되는데 이에 따라

rem은 동적으로 글자크기가 변경됩니다.

사용방법은

font-size: [원하는 크기]rem;

color

역시 단어 그대로

글자색깔을 선택할 수 있습니다.

사용방법은

3가지가 있습니다.

(제가 사용하는 방법은.. 더 있을 수도..)

1. 색깔 그대로(blue, black, orange, totato 등등)

color : blue;

color : orange;

2. rgb값(255,255,255 또는 0,0,255 이런식)

color : rgb(255,255,255);

color : rgb(0,0,255);

3.색상코드(#FFFFFF, #FF0000 이런식)

color : #FFFFFF;

color : #FF0000;

background

이것도 단어 그대로

뒷 배경을 선택할 수 있습니다.

역시나 방법은 3가지

(background-image 같은건 일단 제외)

1. color

2. rgb

3.색상코드

background : black;

background : rgb(255,0,0);

background : #BDBDBD;

border

뜻 그대로 경계선 같은 느낌입니다.

테두리라고 할까나.

사용방법은

border의 두께(width)

border의 종류(style);

border의 색깔(color);

이렇게 3개를 연달아 써주시면됩니다.

border : 10px solid red;

이런식으로 써주시면 됩니다

10px이 두께이고

solid가 종류입니다.

대부분 solid를 기본적으로 씁니다

다른 스타일은

double, dotted, inset, outset등 있습니다

red가 색깔입니다

일단 오늘은 여기서 끝!