Hi

position 속성 웹 문서 안의 요소들을 자유자재로 배치해 주는 속성텍스트나 이미지를 나란히 배치할 수 있고,여러 개의 요소를 가로나 세로로 원하는 위치에 배치할 수 있음 속성 값 설명 static 요소를 문서희 흐름에 맞추어 배치합니다 (초기값) relative 이전 요소에 자연스럽게 연결해 배치하되 위치를 지정할 수 있습니다. absolute 원하는 위치를 지정해 배치합니다. fixed 지정한 위치에 고정해 배치합니다. 화면에서 요소가 잘릴 수도 있음 static을 제외한 나머지 속성 값에서는 좌표를 이용해(top, bottom, left, right) 각 요소의 위치를 조절할 수 있음 static 속성 값 - 문서의 프름대로 배치하기 relative 속성 값 - 문서 흐름 따라 위치 지정하기 s..

target 속성 새 탭에서 링크 열기 속성 값 설명 _blank 링크 내용이 새 창이나 새 탭에서 열립니다. _self 링크가 있는 화면에서 열림 (기본값) _parent 프레임을 사용했을 때 링크 내용을 부모 프레임에 표시합니다 _top 프레임을 사용했을 때 프레임에서 벗어나 링크 내용을 전체 화면에 표시합니다 ex) 이지스퍼블리싱 홈페이지(새 창 또는 새 탭)

태그 태그, href 속성 링크 만들기 텍스트 속성 설명 href 링크한 문서나 사이트의 주소를 입력합니다 target 링크한 내용이 표시될 위치(현재 창 또는 새 창)을 지정합니다 download 링크한 내용을 보여 주는 것이 아니라 다운로드합니다. rel 현재 문서와 링크한 문서의 관계를 알려줍니다 hreflang 링크한 문서의 언어를 지정합니다 type 링크한 문서의 파일 유형을 알려줍니다.

transform: 변형 함수; ex).photo {transform: translate(50px, 100px)} 2차원 변형 함수translate() - 이동scale() - 확대/축소rotate(각도) - 지정한 각도만큼 왜곡합니다.skew() 지정한 각도만큼 왜곡합니다. 3차원 변형 함수// 추후에

트랜지션 진행 시간 지정하기 transition-duration: (단위 s, ms)

트랜지션을 적용할 속성 지정하기 속성 값 설명 all all 값을 사용하거나 transition-property를 생략할 경우, 요소의 모든 속성이 트랜지션 대산이 된다(기본값) none 트랜지션 동안 아무 속성도 바뀌지 않음 트랜지션 효과를 적용할 속성 이름을 지정. ex) background-color, width transition-property: all; // 해당 요소의 모든 속성에 트랜지션 적용transition-property: background-color; // 해당 요소의 배경 색에 트랜지션 적용transition-property: width, height; // 해당 요소의 너비와 높이에 트랜지션 적용 출처 - Doit! html5+css3 웹표준의 정석