인라인, 인라인 블록, 블록

나는
div(none)
입니다.

나는
div(inline)
입니다.

나는
div(inline-block)
입니다.

나는
div span(block) 입니다.

상대 배치, relative

T
h
a
n
k
s

Merry Christmas!

예수님이 탄생하셨습니다.

크리스마스 트리

M

E

R

R

Y

예수님이 탄생하셨습니다.

학기말 공지

24일은 피아니스트 조성진의 크리스마스 특별 연주가 있습니다.

이제 곧 겨울 방학이 시작됩니다. 학기 중 못다한 Java, C++ 프로그래밍 열심히 하기 바랍니다. 인턴을 준비하는 학생들은 프로젝트 개발에 더욱 힘쓰세요. 그럼 다음 학기에 만나요.

테이블 디자인

이름HTMLCSS
합175169
황기태8070
이재문9599
황기태8070
이재문9599
황기태8070
이재문9599

CONTACT US

span텍스트를 5초에 blue, green, red로 무한 반복합니다.

꽝!

꽝! 글자가 3초동안 500%에서 시작하여 100%로 바뀌는 애니메이션입니다. 무한 반복합니다.

다양한 Transform

아래는 회전(rotate), 기울임(skew), 이동(translate), 확대/축소(scale)가 적용된 사례이다. 또한 마우스를 올리면 추가적 변환이 일어난다.
rotate 20 deg
skew(0,-20deg)
translateY(100px)
scale(3,1)