본문 바로가기
반응형

study66

01 기본문법, COLOR, 문서를 꾸며보자, 스타일 설정하기 *기본문법 p { color: red; padding: 5px; } 미리 css의 위계를 미리 잡아놓으면 나중에 같은 스타일을 작업할 필요가 없다 *색상 표현 16 진법과 키워드, RGB, HSL 방법이 있다. HSL사용시는 (각도, 채도%, 명도%) H는 각도 SL은 반드시 %를 써줘야한다. *작성 CSS나 다른 언어도 작성할때 스페이스바나 엔터를 누르는것이 모두 파일크기에 포함되기때문에 한줄로 처리하는게 더빠르다. css 기본 문법 색상 dummy text *opacity(투명도) background-color:rgba(0, 255, 0, 0.5); rgb 뒤쪽에 a를 추가해준다. 2020. 1. 16.
youtube, vimeo 영상을 웹페이지에 구현하기 *youtube 웹화면 그대로 영상올리기 youtube 영상 아래쪽 공유에서 퍼가기 한다음 으로 시작하는거 복사 붙여넣기 ※youtube 영상에는 광고따위가 붙기때문에 별로다. *vimeo 웹화면 그대로 영상올리기 vimeo 영상에서 종이비행기 모양(공유)눌러서 임베딩이라는곳에 으로 시작하는거 복사 붙여넣기 ※광고따위가 붙지않는다. 2020. 1. 15.
html5에서 오디오 구현하기, 오디오종류 및 브라우저 지원 현황 *오디오 콘트롤러 video src="파일위치" controls="controls"> controls는 속성과 값이 같으므로 controls 하나만 적어도된다. p태그로 지원하지 않는 브라우저에서는 에러 문구를 볼수 있게 작성한다. 이 브라우저는 audio 요소를 지원하지 않습니다. 구형 브라우저나 또는 지원하지 않는 브라우저에서도 그 브라우저가 지원하는 다양한 포멧으로 적어서 볼수있게 된다. (인코딩은 새로 해줘야함) 2020. 1. 15.
html5에서 비디오 구현하기, 동영상종류, 브라우저 지원 현황 *비디오 콘트롤러 보이기. video src="파일위치" controls="controls"> controls는 속성과 값이 같으므로 controls 하나만 적어도된다. 이 브라우저는 video 요소를 지원하지 않습니다. p태그로 지원하지 않는 브라우저에서는 에러 문구를 볼수 있게 작성한다. 이 브라우저는 video 요소를 지원하지 않습니다. 구형 브라우저나 또는 지원하지 않는 브라우저에서도 그 브라우저가 지원하는 다양한 포멧으로 적어서 볼수있게 된다. (인코딩은 새로 해줘야함) *자동 재생 위처럼 autoplay를 쓰면 브라우저 열자마자 재생된다. ※소리가 있는 영상은 자동재생하면 안된다. 웹접근성 어긋남 (장애인등이 싸이트에 텍스트를 듣고 알수있는데 영상 소리로 인해 방해된다.) 비디오에서 오디오를 .. 2020. 1. 12.
반응형