-
CSS 전환 속성(transition)
정해진 시간동안 부드럽게 변화가 일어남 transition transition-property : 전환 효과 transition-duration : 전환이 지속될 시간 transition-timing-function : 전환효과의 시간당 속도 transition-delay : 전환이 일어나기 전까지의 시간 <!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> <style type="text/css"> .box { width:...
-
상대경로와 절대경로
상대경로 - 현재 파일의 폴더를 기준으로 경로설정 cookie.jpg = ./cookie.jpg . : 현재폴더 .. : 부모폴더 절대경로 (추천) - 슬래쉬로 시작함, 프로젝트 명부터 경로시작 /project1/ch01/cookie.jpg (WebContent 폴더는 생략) 클라이언트(뷰)는 절대경로처럼 프로젝트부터 경로시작 서버는 WebContent이하 폴더부터 경로시작 -> 단, response.sendRedirect()는 프로젝트명부터 시작
-
HTML 기본태그
1. 글자태그 <h1>~<h6> : 헤더 <br> : 줄바꿈(Break) <p> : 문단(paragraph) <a> : 앵커(anchor) - href : hyper reference - target -> _blank : 새탭으로 열기 <a href='https://www.google.com' target = '_blank'>구글</a> ● 글자모양 <b> : 굵게(bold), <i> : 기울어진(italic) ● 특수 문자 표시 \ : 공백 ’&li;’ :...
-
CSS 위치 속성(position)
● 상대 위치 static : 상->하 & 좌->우방향으로 순서대로 [default] - top, bottom, left, right 속성의 영향 X relative : 초기(top-0px, left-0px) 위치 기준 ● 절대 위치 : 뷰포인트(화면) 기준으로 위치 설정 absolute : 기준점에 따라 위치 [기준점이 없을 때 defalut: top-0px, left-0px] -> 기준점 : 상위 요소중에 static이 아닌 position fixed : 화면을 기준으로 절대위치에 고정, 스크롤을 해도 따라다니며 고정되어 있음 <!DOCTYPE html> &l...
-
CSS 글자 속성(font, text)
● font-size 32px : 픽셀단위 (절대단위) 200% : 2배 (상대단위) 2em : 배수 (상대단위) [2em = 2배 = 200%] small&large ● font-weight : 폰트굵기 bold, italic ● font-family : 글꼴 ● font-align : 정렬 left, center, right ● color : 글자색깔 ● text-shadow : 글자 그림자 2px(오른쪽) 2px(아래) 10px(흐림도) gray(색상); ● text-decoratio...