개발 207

[html5] 브라우저별 video 동영상 재생

12345678 Colored by Color Scriptercs src : 동영상 파일을 가리키는 URL을 나타내는 문자열입니다. controls : 기본 제공 재생 컨트롤 집합을 설정하는 부울 특성입니다. 여기에는 일반적으로 재생, 일시 중지, 검색 및 볼륨 설정이 포함됩니다. Internet Explorer 10에는 여러 오디오 및 텍스트 트랙을 선택할 수 있는 컨트롤도 표시됩니다. poster : 동영상 플레이어에 표시되는 자리 표시자 이미지를 나타내는 문자열입니다. 해당 지점에 원본이 설정되어 있지 않거나 콘텐츠를 로드하는 중이어서 동영상을 사용할 수 없는 경우에만 포스터 이미지가 표시됩니다. loop : 컨트롤의 일시 중지 단추를 누르거나 스크립트에서 pause 메서드를 호출할 때까지 동영상을..

개발 2015.02.10

[퍼블리싱][css] position 속성

개요position 속성은 태그의 위치 표시 상태를 의미한다. 속성값에는 아래의 5개가 있다. static - 기본값으로 위치정보를 임의로 설정 해줄 수 없다.absolute - 절대위치로, 문서 최 좌측상단을 기준으로 위치정보를 설정하며 스크롤시 이동한다.relative - 상대위치로, static 위치 사용시 있던 위치를 기준으로 이동한다.fixed - 위치 고정으로, 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표가 설정되어있다.inherit - 부모 태그의 속성값을 상속받게 된다. position 속성은 보통 단독으로 쓰이기 보단 left, right, top, bottom 속성과 함께 쓰인다.position 을 absolute 나 fixed로 설정시 가로 크기가 100%가 되는 bloc..

개발 2015.02.01

[퍼블리싱][css] margin, padding 속성

개요CSS의 margin과 padding 속성은 각각 바깥쪽 여백, 안쪽 여백을 의미한다.width,height 속성과 마찬가지로 숫자 뒤에 단위를 표시하여 적는다. 사용법1#box{ margin:10px; padding:20px }cs 예제1234567891011121314151617#box1{ width:80px; height: 60px; margin:0px; padding:0px; background-color: cyan}#box2{ width:80px; height: 60px; margin:10px; padding:0px; background-color: cyan }#box3{ width:80px; height: 60px; margin:0px; padding:10px; background-colo..

개발 2015.02.01

[퍼블리싱][css] display 속성

개요display 속성은 요소를 어떻게 보여줄지를 결정한다. 주로 4가지 속성값이 쓰이는데, 태그마다 기본값이 다르다.none : 보이지 않음 block : 블록 박스로 만듬 inline : 인라인 박스로 만듬 inline-block : block 박스로 만들어지나, inline 처럼 배치가 된다. display 속성 중 block (블록 요소) 는 요소의 가로 길이가 100%가 되어 (width값을 수동으로 지정해도 보이지 않는 margin 같은 값이 화면을 꽉 채운다) 자동으로 줄 바꿈이 되고 width, height 속성을 지정 할 수 있는데, 자동으로 display:block 이 적용되는 대표적인 태그는 div 가 있다. inline 요소는 block 과 달리 줄 바꿈이 되지 않고, width와 ..

개발 2015.02.01

[html] ie9에서 화면이 깨진 경우 / 쿼크모드(Quirks Mode)

보통 dtd선언이 제대로 안되면 익스에서 쿼크모드가 실행되면서 깨진 화면이 나오게 됩니다.정상적으로 만든 사이트들도 F12를 눌러서 강제로 쿼크로 바꾸면 화면이 깨져서 나옵니다.(ie 5.5이하로 렌더링 하는게 쿼크라고 보면 됩니다.) 쿼크모드시 확인사항 1. DTD 선언 확인 - 줄바꿈이나 공백, 또는 문자가 찍힌것이 없는지 확인을 해 봅니다. 2. - 해당 부라우저의 최상위 버전으로 보여주는 메타태그를 써 줍니다.

개발 2015.01.29

[jquery] 선택자

http://oscarotero.com/jquery/ 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051//아이디를 가져온다$("#id"); //클레스를 가져온다$(".class"); //네임을 가져온다$("input[name=test]") //해당 엘리먼트의 숫자를 가져옴 0부터 시작$(this).index(); //해당 엘리먼트의 값을 가져옴 $(this).eq(); //전체를 삽입 $(this).html(); //전체중 마지막에 삽입 $(this).append(); //전체중 처음에 삽입 $(this).prepend(); //선택자 다음에 삽입 $(this).after(); //선택자..

개발 2015.01.24