본문 바로가기

자기 계발/CSS와 JAVA, HTML

폰트속성

반응형

font:style(폰트스타일) weight(굵기) size(크기)/line-height(행간) family

 

p { font:itally bold 16px/3 "open Sans", san-serif;}

 

- font-style:normal:기본  Italic:이탤릭

 

- font-weight : 폰트 굵기 normal : 기본 bold : 두껍게 

 

- line-height : 행간 normal number px %

 

- font family : 글꼴 serif : 명조체, san-serif : 고딕체, monospace : 행간이 같은 서체, script : 캘리서체

 

 

font-color 폰트색상

 

- text-align : 텍스트 정렬방식

  left : 좌측 정렬

  right : 우측 정렬

  center : 중앙정렬

  justify : 양쪽 맞춤

 

- text-ident 들여쓰기 (첫째줄)  px cm % 

 

- text decoration : 텍스트 효과

  none(효과없음) underline(밑줄) overline(윗줄) line-through(중앙선)

 

- letter-spacing : 자간  normal px cm 

 

- word-spacing : 띄어쓰기 간격 (단어 간격) 

 

- vertical-align : 수직 정렬 (인라인 요소에 사용)  top (상단정렬)  middle (중앙정렬)  bottom (하단 정렬)  px cm %

 

 

font-family : 글꼴1, 글꼴2, "띄어쓰기가 있는 글꼴", 비슷한 글꼴(generie);

예> p{font-family:arial, 바탕체, "Time New Roman", Sans-Serif;}

       - Arial체를 먼저 찾아서 적용하고 없으면 바탕체를 찾아라 ... 아무것도 없으면 비슷한 고딕계열 글꼴을 적용해라 (기본서체)

 

line-height 14px

line-height

 

 

 

728x90
반응형

'자기 계발 > CSS와 JAVA, HTML' 카테고리의 다른 글

CSS 속성 2  (0) 2015.12.17
FLOAT 플로트, POSITION 포지션  (0) 2015.12.15
box model  (0) 2015.12.15
선택자 조합  (0) 2015.12.10
CSS 선택자  (0) 2015.12.10