부트스트랩 Typography(타이포그래피) 이해하기….1

Typography(타이포그래피)는 영어사전에 인쇄 또는 인쇄술, 활판인쇄술 로 정의 되어 있습니다.
웹에서는 제목,본문,문단,인라인 테스트 요소,등의 개념으로 스타일 형태로 사용되어 지기도 합니다.
부트 스트랩에서 사용되는 글로벌 font-size 기본값은 14px 이고, line-height 는 1.428 입니다

1. 모든 HTML 제목인, <h1> 부터 <h6> 까지 사용가능합니다. 텍스트를 인라인으로 표시화면서 스타일만 제목 스타일로 맞추기 위해 .h1 부터 .h6 클래스 또한 사용 가능합니다.
예제 :  http://boot.apachezone.com/boot_heading.phpboot_heading

2. 더불어 일반적인 <small> 태그나 .small 클래스를 사용하여 제목 안에 가벼운 부제 텍스트를 만들어 사용 할 수 있습니다.
예제 :  http://boot.apachezone.com/boot_heading_Secondary.phpboot_heading_Secondary

3 .<body> 와 모든 단락에 적용됩니다.
추가로, <p> 단락은 행높이의 절반의 하단 마진을 가지며, 마진 기본값을 10px 로 정의 됩니다.
예제 :  http://boot.apachezone.com/boot_heading_p.phpboot_heading_p

4. .lead 를 사용하여 문단의 문장을 눈에 띄도록 만들수도 있습니다.
예제 :  http://boot.apachezone.com/boot_heading_plead.phpboot_heading_plead
5. Less 로 만들어진문자크기는 variables.less 에서의 두 LESS 변수(@font-size-base 와 @line-height-base) 에 기반됩니다.
첫번째 변수는 기본 폰트 크기이고 두번째 변수는 기본 행 높이입니다. 타이포그래피에서 마진, 패딩, 행 높이를 구하기 위해 두 변수와 몇 개의 간단한 수학을 사용하여 만들수 있습니다.
다음시간에는 부트스트랩 타이포그래피에서 사용되는 인라인 텍스트, 정렬클래스, 변형클래스, 인용구 등에 대해 알아 보도록 하겠습니다.

참고 사이트 : http://www.w3schools.com/bootstrap

nanoomi / 2015년 6월 29일 / 미분류

댓글 남기기

Your email address will not be published / Required fields are marked *