HTML CSS font-size 속성
글꼴의 크기를 설정합니다.
속성 값: xx-large,x-large,large,pt,small,x-small,medium,xx-small,em,ex,%,px,larger,smaller
Tip: CSS 몇가지 방법
1. 임베디드 스타일 시트(Embedded Style Sheet) : 내부 스타일 시트라고도 하며 HTML 웹페이지의 상단 <head>와 </head> 테그 사이에 Style Sheet를 지정하는 방법입니다.
2. 링크타입 스타일 시트(External Style Sheet) : 외부 스타일 시트라고도 하며 별도의 CSS파일을 만들어 Link 테그로 연결하는 방법입니다.
3. 인라인스타일(Inline Styles) : HTML 웹페이지 내에서 직접 지정하는 방법입니다.
4.@import로 외부 스타일시트를 참조합니다.
5.xml-stylesheet 처리 명령으로 외부 스타일시트를 참조합니다.
1. 임베디드 스타일 시트(Embedded Style Sheet) : 내부 스타일 시트라고도 하며 HTML 웹페이지의 상단 <head>와 </head> 테그 사이에 Style Sheet를 지정하는 방법입니다.
2. 링크타입 스타일 시트(External Style Sheet) : 외부 스타일 시트라고도 하며 별도의 CSS파일을 만들어 Link 테그로 연결하는 방법입니다.
3. 인라인스타일(Inline Styles) : HTML 웹페이지 내에서 직접 지정하는 방법입니다.
4.@import로 외부 스타일시트를 참조합니다.
5.xml-stylesheet 처리 명령으로 외부 스타일시트를 참조합니다.
CSS font-size 속성 값
xx-large : (절대고정 크기) xx-large 사이즈로 지정
x-large : (절대고정 크기) x-large 사이즈로 지정
large : (절대고정 크기) large 사이즈로 지정
pt : (절대고정 크기) 9pt,10pt등 절대크기 포인트 값입니다.
small : (절대고정 크기) small 사이즈로 지정
x-small : (절대고정 크기) x-small 사이즈로 지정
medium : (절대고정 크기) (기본값) medium 사이즈로 지정
xx-small : (절대고정 크기) xx-small 사이즈로 지정
em : (상대비례 크기) 1em,0.4em등으로 부모에게 상속받은 속성값(기존에 설정된 글꼴의값)을 기준으로 해서 상대 크기 지정
ex : (상대비례 크기) 기준 글꼴 문자의 영문 소문자 높이
% : (상대비례 크기) 150%,200%등 부모에게 상속받은 속성값(기존에 설정된 글꼴의값)을 기준으로 해서 크기를 조정할 때에 사용합니다.
px : (상대비례 크기) 해상도에 대한 상대크기
larger : (상대비례 크기) 글자 크기를 앞에 입력한 글자보다 크게
smaller : (상대비례 크기) 글자 크기를 앞에 입력한 글자보다 작게
1. CSS font-size : 링크타입 스타일 시트(External Style Sheet)
링크타입 스타일 시트(External Style Sheet)은 외부 스타일 시트라고도 하며 별도의 CSS파일을 만들어 Link 태그로 연결하는 방법입니다.
[style.css] 이라는 이름을 가진 별도의 파일입니다.
<style.css>
p#s{ font-size: xx-large,x-large,large,pt,small,x-small,medium,xx-small,em,ex,%,px,larger,smaller 속성값입니다.; }
별도의 이름을 가진 웹페이지입니다.(예 : sample.html)
HTML CSS font-size 속성의 예제 샘플입니다
<body>
<div id="*">HTML CSS font-size 속성의 링크타입 스타일 시트(External Style Sheet) 예제 샘플입니다</div>
</body>
CSS font-size 예제 : 임베디드 스타일 시트(Embedded Style Sheet)
임베디드 스타일 시트(Embedded Style Sheet)은 내부 스타일 시트라고도 하며 HTML 웹페이지의 상단 <head>와 </head>태그 사이에 Style Sheet를 지정하는 방법입니다.
<head>
<style type="text/css"> <!--
p#s{ font-size: xx-large,x-large,large,pt,small,x-small,medium,xx-small,em,ex,%,px,larger,smaller 속성값입니다.; }
--> </style>
</head>
<body>
<div id="*">HTML CSS font-size 속성의 임베디드 스타일 시트(Embedded Style Sheet) 예제 샘플입니다</div>
</body>
CSS font-size 예제 : 인라인스타일(Inline Styles)
인라인스타일(Inline Styles)은 HTML 웹페이지 내에서 직접 지정하는 방법입니다.
<div style="font-size : 여기에 속성 값을 넣습니다;">HTML CSS font-size속성의 인라인스타일(Inline Styles) 예제 샘플입니다.<div>
CSS font-size 관련 태그
body , p , div , blockquote , A , table , tr , td , ul , ol , li , span , form , input , textarea , select
'CSS 스타일시트 ' 카테고리의 다른 글
| HTML CSS(스타일시트) font-variant 속성(텍스트 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
|---|---|
| HTML CSS(스타일시트) font-style 속성(텍스트 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
| HTML CSS(스타일시트) font-family 속성(텍스트 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
| HTML CSS(스타일시트) font 속성(텍스트 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
| HTML CSS(스타일시트) float 속성(시각적 서식 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
,
