잇스쿨

clip clip 속성은 무엇인가를 깎는다는 어원적 의미를 떠올리면 쉬움 정의 clip 1. 핀, 클립 2. (옷에 꽂는, 보석으로 장식한) 핀 3. (무엇을 짧게) 깎음 즉, clip 속성은 요소의 특정 부분만 나오도록 지정 요소의 크기가 변하는 것이 아닌, 포토샵의 mask 기능처럼 선택한 영역만 보여줄 수 있는 것 기본값 : auto 상속 : no 퍼센테이지 : 지정불가 애니메이션 : Yes 버전 : CSS2 문법 clip: auto | shape | initial | inherit auto : 기본(default) 값 clip을 적용한 대상의 원래 크기와 동일하게 적용 clip이 적용 안된 상태와 동일 shape : rect(top, right, bottom, left)형식으로 지정 이는 네변에서..

상태 선택자 : 입력 양식의 상태를 선택할 때 사용하는 선택자 상태 선택자 설명 CSS Level ex :cheked 체크 상태의 input 태그를 선택 CSS3 input:checked :focus 포커스가 있는 input 태그를 선택 CSS2 input:focus :enabled 사용 가능한 input 태그를 선택 CSS3 input:enabled :disabled 사용 불가능한 input 태그를 선택 CSS3 input:disabled :cheked Male Female I have a bike I have a car :focus The width Property Set the width of the input field to 100 pixels. However, when the input fiel..

1. HTML5요소의 브라우저 지원 - 대부분의 브라우저에서 지원이 가능함 - 모든 브라우저 호환을 고려하여 지정된 DTD 정의 사용 - charset, script, style의 경우도 동일 - createElement로 추가된 요소 사용 가능 2. HTML5 shiv를 사용하여 모든 요소 지원 가능 3. reset.css에 스타일 정의 header, main, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;} - 기본적으로 display:inline 으로 표시되기 때문에 위와 같이 CSS 스타일을 지정 4. HTML5 Boilerplate를 사용하여 셋업 - 기본적으로 disp..