css2

- raster font (bitmap font)
: pixel 단위로 문자를 정의
    - 출력 속도가 빠르다.
    - font 크기에 따라 각 문자를 만든다.
    - 정해진 크기보다 더 크게 출력하면 단순히 각 pixel의 크기를 늘리기 때문에 계단현상 발생.
    - 이미지 복잡도와 상관없이 파일크기 (해상도)가 같음.
    ex) courier
    비트맵 이미지
    ex) .bmp, gif, png, .jpg

- vector font
: 글자를 그리는 명령어를 정의
    - 글자를 그리는 명령을 수행하므로 상대적으로 출력 속도가 느리다.
    - 요즘은 CPU가 좋아서 상관없다.
    - 글자 크기를 늘리더라도 명령을 통해 그리기 때문에 계단현상 발생하지 않음.
    - 이미지 단순하면 파일 크기 줄어듦.
    ex) courier new (true-type font)
    벡터이미지
    ex) clipart, CAD


object = 1개 이상의 기능(function)이 있는 도구

method = function = procedure

document 도구
: tag를 다루는 function이 있음. tag를 정의함.

getElementById(tag id) : tag object를 return

getElementByTagName(tag name) : tag list를 return

createElement(tag name) : tag object를 생성 후 return

setAttribute(속성명,속성값) : tag의 속성값 설정


요즘은 출력속도빠르게 하기 위해 여러 그림파일이 아니라 하나의 그림파일에 여러 그림넣음

네이버는 그림파일에 여러 아이콘들어감

https://s.pstatic.net/static/www/img/uit/sp_main_947f65.png

트위터는 그림을 폰트에 넣음
단색이지만 색변경하기 쉽고 출력속도빠름

상용문자 = glyph