28
조회 수 : 2258 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구기호 설명
A | B : A 또는 B 중의 하나이다.
A || B : A 또는 B 중의 하나, 또는 둘 다이다.
[ ] : 일반적인 괄호의 의미이다.
A{1,2} : A가 최소한 1번에서 최대한 2번까지 들어갈 수 있다.
<A> : A의 값을 쓴다.
A* : A가 0번 이상 여러번 나올 수 있다.
A? : A가 들어갈 수도 있고, 안 들어갈 수도 있다.
초기값은 브라우저마다 다르다.
두 개 이상의 글꼴 이름을 쓸 때는 쉼표(,)로 구분하고, 글꼴 이름이 두 단어 이상이면 큰 따옴표(" ")로 묶는다. 브라우저는 앞에 있는 글꼴부터 보여주려고 노력한다.
제일 마지막에 쓰는 글꼴은 기본 글꼴을 써 준다. 영문 기본 글꼴은 serif, sans-serif, cursive, fantasy, monospace 등 5개를 말한다.
<HTML>
<HEAD>
<STYLE type="text/css">
H1 { font-family : Flubber, "Times New Roman", serif }
</STYLE>
<BODY>
<H1>Flubber라는 글꼴이 없으면 Times New Roman으로 나온다.</H1>
<BODY>
</HTML> 이렇게 나와요
font-style : normal | italic | oblique
모든 element에 적용할 수 있고, 유전된다.
초기값은 normal이다.
Italic과 oblique은 모두 기울임꼴이다.
<HTML>
<HEAD>
<STYLE type="text/css">
SPAN {font-style : italic}
</STYLE>
<BODY>
여기는 보통 글자입니다.<BR>
<SPAN>여기는 기울임꼴이구요.</SPAN>
여기는 또 보통입니다.
<BODY>
</HTML> 이렇게 나와요
font-variant : normal | small-caps
초기값은 normal이다.
Small-caps는 크기가 작은 대문자로 나온다.
<HTML>
<HEAD>
<STYLE type="text/css">
SPAN {font-variant : small-caps}
</STYLE>
<BODY>
I can't help falling in <SPAN>love</SPAN> with you.
<BODY>
</HTML> 이렇게 나와요
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
모든 element에 적용할 수 있고, 유전된다.
초기값은 normal이다. Normal은 400과 같고, bold는 700과 같다.
<HTML>
<HEAD>
<STYLE type="text/css">
SPAN {font-weight : 800}
</STYLE>
<BODY>
I can't help falling in <SPAN>love</SPAN> with you.
<BODY>
</HTML> 이렇게 나와요
font-size : <절대값> | <상대값> | <길이> | <퍼센트>
모든 element에 적용할 수 있고, 유전되지 않는다.
초기값은 medium이다.
- 절대값 : xx-small | x-small | small | medium | large | x-large | xx-large
- 상대값 : larger | smaller
font : [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]<HTML> <HEAD> <STYLE type="text/css"> BODY { font-size : 10pt} BLOCKQUOTE { font-size : xx-large } </STYLE> <BODY> 여기는 10포인트 글자이다. <BLOCKQUOTE> 여기는 xx-large만큼 커진다. </BLOCKQUOTE> <BODY> </HTML> 이렇게 나와요
대표속성에는 초기값이 없다.
<HTML> <HEAD> <STYLE type="text/css"> P { font: bold italic large } </STYLE> <BODY> <P>bold, italic, large</P> <BODY> </HTML> 이렇게 나와요
출처: 술도넷
괜찮은 구글 웹폰트 많네요. 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기