[CSS] 9. 글자의 속성을 지정해보쟈. (font-size, font-weight, font-family, line-height, color) 강의이야기 | Posted on 2012. 2. 5. 18:15
해당 강의의 저작권은 Pure Ani's Blog의 주인장 Pure Ani에게 있습니다.
이번에는 글자와 관련된 속성들에 대해서 알아보겠습니다.
일단 font-size는 말 그대로 글자의 사이즈를 조절합니다.
font-size:px을 주로 사용하며, em(%)등도 사용이 가능합니다.
font-weight는 글자의 굵기를 조절합니다.
font-weight:(nomal || bold) // 노말은 말 그대로 초기값, bold는 굵게 입니다.
font-family는 글꼴 지정으로, 여러가지를 한번에 지정 가능합니다.
font-family:gulim, dotum;
위와 같이 여러가지를 한번에 지정 가능합니다.
이때 앞에서부터 순서대로 OS에 폰트가 있는지를 확인, 있으면 해당 폰트로 표시를 하고, 없으면 다음 폰트로 이동하여서 찾습니다.
line-height는 줄과 줄 사이의 간격을 조절할때 쓰입니다.
line-height:px를 주로 사용하며, em(%)등도 사용이 가능합니다.
color의 경우는 글자의 색상을 지정할때 사용합니다.
color:(red || #ff0000) 으로 사용이 가능하며, 같은 문자 6번 반복은 3번만 적어도 가능합니다.
<div id="abc" style="font-size:40px; font-weight:bold; font-family:dotum; line-height:50px; color:red;"><p>abc<br>def</p></div>
음 색상 지정한게 안보이니 한장 더..
출처 : Pure Ani's Blog
이번에는 글자와 관련된 속성들에 대해서 알아보겠습니다.
일단 font-size는 말 그대로 글자의 사이즈를 조절합니다.
font-size:px을 주로 사용하며, em(%)등도 사용이 가능합니다.
font-weight는 글자의 굵기를 조절합니다.
font-weight:(nomal || bold) // 노말은 말 그대로 초기값, bold는 굵게 입니다.
font-family는 글꼴 지정으로, 여러가지를 한번에 지정 가능합니다.
font-family:gulim, dotum;
위와 같이 여러가지를 한번에 지정 가능합니다.
이때 앞에서부터 순서대로 OS에 폰트가 있는지를 확인, 있으면 해당 폰트로 표시를 하고, 없으면 다음 폰트로 이동하여서 찾습니다.
line-height는 줄과 줄 사이의 간격을 조절할때 쓰입니다.
line-height:px를 주로 사용하며, em(%)등도 사용이 가능합니다.
color의 경우는 글자의 색상을 지정할때 사용합니다.
color:(red || #ff0000) 으로 사용이 가능하며, 같은 문자 6번 반복은 3번만 적어도 가능합니다.
<div id="abc" style="font-size:40px; font-weight:bold; font-family:dotum; line-height:50px; color:red;"><p>abc<br>def</p></div>
음 색상 지정한게 안보이니 한장 더..
출처 : Pure Ani's Blog
