CSS- (2) : Properties 속성 - font

Font-size

px = pixel (고정됨)

em = 상대적 (브라우저의 font-size 에 따라 달라짐) 

rem = 상대적 (브라우저의  font-size 에 따라 달라짐) --> 요즘 많이 쓰임. 

 

Font-family -> 폰트 글꼴 지정

font-family: Arial, Helvetica, sans-serif;

==> Arial font 가 없다면, Helvetica 로 하고

sans-serif -->글꼴 끝쪽에 장식이 있음 

Serif --> 글꼴 끝쪽에 장식이 없음

 

Font-weight : 두께

 

line-height: 자간 (Default :1.2) 

--> px 로 설정하면 폭의 고정 값이 고정

 

 

Color 

rgb = rgb(255, 0, 0)

hex = #000000

color = blue 

 

text 정렬 

text-align: center, left, (justify = 꽉차게) ...등 

 

 

p{
	font-size:5rem;
    font-family: arial, verdana, "Helvetica Neue", monospace;
    font-weight: bold;
    line-weight: 2;
    }
    
//아래와 같이 font property 의 순서에 맞게 한줄로 써줄수도 있다. *순서는 인터넷에 꼭 찾아볼것
p2{
    font:bold 5rem/2 arial, verdana, "Helvetica Neue", serif;
    }