Eveningstar

모바일에서 가로모드시 경고창 띄우기*반응형이 아닌 적응형 모바일 웹상태에 사용 CSS 미디어쿼리는 세로 모드(Portrait Mode)와 가로 모드(Landscape Mode)를 조건을 삼을 수 있음 [html] 화면을 세로모드로 해주세요. [css] /* 기본 상태 */#landscape{display:none}/* 가로 모드일때 경고창 */@media screen and (orientation:landscape){ #landscape{display:block;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;background:#000;color:#fff} #landscape > span{display:inline-block;widt..

팝업창 띄우기 vs 레이어 팝업 홈페이지를 사용하다보면 새창으로 뜨는 팝업과 컨텐츠 내에서 뜨는 팝업이 따로 있다는 걸 알수있다. 처음에 만들땐 두방법을 구분을 못해서 팝업띄워달란 얘길하면 무조건 새창으로 띄웠는데(ㅜㅜ 이제는 두가지 형식으로 팝업을 구분하고 사용할수있게되었다. 새창 팝업은 말그대로 새로운 브라우저 창으로 뜨는 팝업이라서 기본 웹브라우저에 팝업 차단기능이 있다면 사용자가 허용하지 않는 이상 팝업이 뜨지않는 경우가 있을 수 있다. 그래서 레이어 팝업을 써서 컨텐츠 내에서 숨겨진 내용을 팝업으로 띄우는 형식으로 사용한다!. (1) 새창으로 띄운 팝업 - 팝업주소만으로 주소창에서 접근이 가능하다. 단, 팝업 허용을 해야 새창 열림 가능! ( 주소창에 팝업 주소를 넣으면 바로 접속 가능! ) (..

[ input ] 입력태그 중에 가장 많이 쓰이는 태그, type의 속성값에 따라 입력값이 달라진다.사용자에게 정보를 입력받는 태그 기본 input input 태그의 속성 속성값 내용 1 button 버튼을 생성 2 checkbox checkbox를 생성(여러개 체크 가능) 3 file 파일 입력 양식 생성 4 hidden 보이지 않는 input태그 생성(value값 체크) 5 image 이미지 형태를 생성 6 password 비밀번호 입력 양식 생성 7 radio radio 버튼을 생성(단일체크) 8 reset 초기화 버튼을 생성 9 submit 폼 양식 제출버튼을 생성 10 text text입력 양식 생성 *input 태그에 label 태그를 함께 써주어 초점이동이 가능하게 함 input의 id와 l..

css3에 추가된 속성들 *벤더프리픽스 : 모든 브라우저에 적용하기 위해 css 속성 앞에 붙여줌 -webkit-: 사파리, 크롬-moz-: 파이어폭스-o-: 오페라-ms: 익스플로러 1. border-radius: border-radius를 통해 display:block의 모서리를 둥글게 혹은 원으로 표현할 수 있음. - border-top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius- 위의 값을 4개의 값으로 축약형으로 사용가능 cf) border-radius: 10px 20px 10px 20px 모서리 위치 지정하는 법(시계방향으로 돌림, 시작은 왼쪽 상단)값이 4개일때 - ..