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
'자기 계발 > 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 |