web progrmmimg
나는 웹 프로그래밍을 좋아합니다.
2학기 학습 내용
60점 이하는 F!
CSS3 색 활용
deepskyblue(#00BFFF)
brown(#A52A2A)
fuchsia(#FF00FF)
darkorange(#FF8C00)
darkcyan(#008B8B)
olivedrab (#6B8E23)
네이버
네이버
텍스트 꾸미기
HTML의 태그만으로 기존의
워드 프로세서와 같이 들여쓰기, 정렬, 공백,
간격 등과 세밀한 텍스트 제어를
할 수 없다.
그러나,
스타일 시트는 이를
가능하게 한다. 들여쓰기, 정렬에 대해서
알아본다
Monospace
font-weight 900
font-weight 100
Italic Style
Oblique Style
현재 크기의
1.5배
크기로
CSS3 박스 모델
박스 모델 테스트
다양한 테두리
3픽셀 soild
3픽셀 none
3픽셀 hidden
3픽셀 dotted
3픽셀 dashed
3픽셀 double
15픽셀 groove
15픽셀 ridge
15픽셀 inset
15픽셀 outset
둥근 모서리 테두리
반지름 50픽셀의 둥근 모서리
반지름 0, 20, 40, 60 둥근 모서리
반지름 0, 20, 40, 20 둥근 모서리
반지름 0, 20, 0, 20 둥근 모서리
반지름 50의 둥근 점선 모서리
배경 다루기
밤새 모니터에 튀긴 침이 마르기도 전에 강의실로
아 참 교수님이 문신 땜에
긴 팔 입고 오래
난 시작도 전에 눈을 감았지
날 한심하게 볼 게 뻔하니 이게 더 편해
내 새벽은 원래 일몰이 지나고
하늘이 까매진 후에야 해가 뜨네
내가 처량하다고 다 그래
텍스트 그림자 만들기
Drop Shadow
Color Shadow
Blur Shadow
Glow Effect
WordArt Effect
3D Effect
Multiple Shadow effect
박스 그림자 만들기
쇼미더머니
우원재와 함께
스폰지밥과 함께
마우스 커서
아래에 마우스를 오려 보세요. 커서가 변합니다.
십자 모양 커서
도움말 모양 커서
포인터 모양 커서
프로그램 실행 중 모양 커서
상하 크기 조절 모양 커서
Move 모양 커서
Copy 모양 커서
Text 모양 커서
Wait 모양 커서
Zoom-in 모양 커서
Zoom-out 모양 커서
Ne-resize 모양 커서