Web Programming

2학기 학습 내용

HTML5
CSS
JAVASCRIPT

60점 이하는 F!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, adipisci. Eveniet provident, quibusdam quidem ratione modi culpa nesciunt nihil. Hic quos esse doloremque quia? Quisquam omnis nam voluptatem consectetur quas!

60점 이하는 F!

Class 선택자는 여러곳에 적용 가능
ㅎㅎㅎㅎㅎ

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배 크기로

CSS3의 박스모델

CSS3박스모델

3픽셀 soild

3픽셀 none

3픽셀 hidden

3픽셀 dotted

3픽셀 dashed

3픽셀 double

15픽셀 groove

15픽셀 ridge

15픽셀 inset

15픽셀 outset

background

배경이미지 지정 연습

Text Shadow

Drop Shadow

Color Shadow

Blur Shadow

Glow Effect

WordArt Effect

3D Effect