디스플레이 속성
1. 나는
div(lnline)
입니다.
2. 나는
div(inline)
입니다.
3.나는
div(inline-block)
입니다.
4.나는
div span(block)
입니다.
Position: relative
N
A
N
H
E
E
오늘은 개교기념일입니다.
중간고사 공지
<공지>
이번학기 중간고사는 4.18일 수업시간에 필기시험 및 홈페이지 점검을
하겠습니다.
공부 열심히 하자
overflow 프로퍼티
overflow에 hidden 값을 적용하면 박스를 넘어가는 내용이 잘려 보이지
않습니다.
overflow에 visible 값을 적용하면 콘텐트가 박스를 넘어가서도 출력됩니다
overflow에 scroll 값을 적용하면 박스에 스크롤바를 붙여 출력합니다.
table 꾸미기
| 이름 |
html |
css3 |
java |
| 합 |
310 |
249 |
240 |
| 황기태 |
80 |
70 |
70 |
| 이재문 |
95 |
99 |
70 |
| 이병은 |
85 |
90 |
70 |
| 김남윤 |
50 |
40 |
70 |
from 꾸미기
다양한 Transform
아래는 회전(rotate), 기울임(skew), 이동(translate), 확대/축소(scale)가
적용된 사례이다. 또한 마우스를 올리면 추가적 변환이 일어난다.
rotate(20deg)
skew(0,-20deg)
translateY(100px)
scale(3,1)