CSS 글씨체 적용하기
글씨체를 적용할려면 font-family 속성을 이용 하면 됩니다.
셀럭터{font-family:글씨체1,글씨체2,글씨체3}
위의 css에서 셀렉터는 앞에서 설명한 .클래스명, 태그명, 아이디를 의미합니다.
그리고 font-family는 글씨체를 적용하는 속성이며,
값이 글씨체1,2,3가 있는 이유는 우선순위 입니다.
첫번째 글씨체가 없으면 그 다음 글씨체 적용 또 없다면 그 다음 글씨체 적용 이런 순입니다.
그럼 한번 적용해 보도록 합시다.
p{font-family:verdana}
위의 소스를 적용 하면 아래와 같습니다.
<html>
<head>
<meta charset="utf-8" />
<title>텍스트 꾸미기</title>
<style>
p{font-family:verdana}
</style>
</head>
<body>
<p> hello world </p>
</body>
</html>
1)글씨 크기를 적용할 때
p{font-size:값}
2)글씨 형태 지정할 때
p{font-style:값}
값에는 italic 와 normal 이 있으며 normal은 italic효과를 주지 않는 것이며
italic를 주면 이탤릭 효과가 적용 됩니다.
font-style은 이탤릭 효과를 줄 때 사용 합니다
3)텍스트에 굵기를 지정할 때
p{font-weight:값}
4)텍스트 자간 지정할 때
글씨의 양옆 간격을 줄이거나 늘리거나 할때 letter-spacing를 사용합니다.
p{letter-spacing:px}
값은 px,pt,em등등 저는 px만을 사용 합니다. 상대값이라서 모니터 해상도에 따라 맞춰주니까요.
5)줄간격 지정할 때
줄간격을 컨트롤해봅시다.
p{line-height:값}
값은 %로 줄수도 있고 px로도 줄 수 있습니다.
p태그의 폭을 300px로 맞춰서 해보도록 하겠습니다.
****
글씨체 적용하기
글씨체를 적용할려면 font-family 속성을 이용 하면 됩니다.
셀럭터{font-family:글씨체1,글씨체2,글씨체3}
위의 css에서 셀럭터는 앞에서 설명한 .클래스명, 태그명 을 말합니다.
그리고 font-family는 글씨체를 적용하는 속성이구요, 값이 글씨체1,2,3가 있는 이유는 우선순위 입니다.
첫번재 글씨체가 없으면 그 다음 글씨체 적용 또 없다면 그 다음 글씨체 적용 이런 순입니다
직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면
아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)
'홈페이지제작 > CSS' 카테고리의 다른 글
| [CSS3 ] 여백설정하기margin, padding 값넣기 (0) | 2017.09.06 |
|---|---|
| [CSS3 ]배경에 관한 CSS속성 학습 (0) | 2017.09.06 |
| [css3] 클래스의 재사용 (0) | 2017.09.03 |
| CSS 셀렉터(선택자) (0) | 2017.09.03 |
| [웹프로그래밍 ]CSS따라잡기 -특수외국어 font 적용하기 스리랑카어(싱할라어) (0) | 2017.04.27 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.