Web Programming


2학기 학습 내용
60점 이하는 F!
60점 이하는 F!

60점 이하는 F!
ㅎㅎㅎㅎ

CSS3 색 활용


좌우 아래 여백 지정
deepskyblue(#00BFFF)
brown(#A52A2A)
fuchsia(#FF00FF)
darkorange(#FF8C00)
darkcyan(#008B8B)
olivedrab (#6B8E23)

텍스트 꾸미기


HTML 의 태그만으로 기존의 워드 프로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한 텍스트 제어를 할 수 없다.

그러나, 스타일 시트는 이를 가능하게 한다. 들여쓰기, 정렬에 대해서 알아본다

폰트

Consolas font


font-weight 900

font-weight 100

Italic Style

Oblique Style

현재 크기의 1.5배 크기로

CSS의 박스모델

CSS3 박스모델

3픽셀 soild

3픽셀 none

3픽셀 hidden

3픽셀 dotted

3픽셀 dashed

3픽셀 double

15픽셀 groove

15픽셀 ridge

15픽셀 inset

15픽셀 outset

background

div>SpongeBob is an over-optimistic sponge that annoys other characters.
Drop Shadow
Color Shadow
Blur Shadow
Glow Effect
WordArt Effect
3D Effect
Multiple Shadow Effect

마우스 커서

아래에 마우스를 오려 보세요. 커서가 변합니다.

십자 모양 커서

도움말 모양 커서

포인터 모양 커서

프로그램 실행 중 모양 커서

상하 크기 조절 모양 커서