display 속성

1. 나는
div(none)
나는
div(inline)
입니다.

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

나는
div span(block) 입니다.
4.나는
div span(block)입니다.

상대 배치, relative

T
h
a
n
k
s
내생일이다

중간고사 공지사항

공지사항
이번 락기 중간고사는 4월18일 필기시험 및 홈페이지 점검함

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores quo corporis in, quas quasi voluptatum totam. Quos vitae, illum consequatur ab consequuntur aut quasi. Cumque quibusdam maiores esse deleniti amet.

table 꾸미기

이름 Html CSS 자바
송경선 100 80 60
신세영 100 100 100
홈길동 50 70 60
합계 350 250 220

꽝

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

다양한 Transform

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