반응형 전체 글242 02 기본 문법, 단위em, rem, vw, vh , html 문서에서 원하는 요소(태그)를 선택하여 스타일 변경하기 *단위 웹 작업은 상대값이 효과적. 모니터,스크린용 - 상대값: em, ex, ox, % 작업시 내가 작업하는것과 다른 컴퓨터(해상도가 크거나 작은) 에서 보이는것을 확인해야한다. P는 블록요소라 브라우저 너비 다 사용한다. px과 %는 사용하기 편하다. ex) px로 작업을 했는데 사이트의 전체 크기를 현재보다 10% 늘려달라고 했을때 다 계산해서 20px 일때 10%줄여서 다시 다 코딩해야한다. 그런데, em으로 작성할 경우는 다르다. *em !! em 단위가 쓰여진 곳의 폰트 사이즈 배수 !! body의 기본 사이즈가 16px; 일때 em은 기본값에 곱해준다. 1.5em 일경우는 기본사이즈 16px * 1.5em 1.2em 일경우는 기본사이즈 16px * 1.2em *선택한것만 바꾸고 싶을때 선택 .. 2020. 1. 16. 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. 이전 1 ··· 54 55 56 57 58 59 60 61 다음 반응형
