html 썸네일형 리스트형 [CSS] @media query 가로·세로 적용 stylesheet 반응형 작업중에 고민되는 것 중 하나가 모바일 기기에서의 가로·세로 반응형 작업이다. 머릿속으로는 있을거야... 하고 생각만해놓고 1도 찾아보지 않은 내가 밉다... 모바일기기의 가로 세로를 체크하는 방식은 반응형 작업을 할 때 처럼 미디어쿼리를 사용한다. /* 세로 모드: Portrait(포트레이트) 모드 */ /* 가로 모드: Landscape(랜드스케이프) 모드 */ @media (orientation: portrait) { /* Portrait 모드일 때 적용할 CSS */ } @media (orientation: landscape) { /* Landscape 모드일 때 적용할 CSS */ } 사실 다른 방법으로는 javaScript를 이용하여 페이지에 접속 할 때 혹은 디바이.. 더보기 [HTML] a 태그 사용하기 1. a 태그는? - a 태그는 HTML 코딩에서 링크를 만들 때 사용하는 요소입니다. 간단하게 링크를 주기위한 태그 입니다. a 태그의 기본 style a {display:inline; text-decoration:underline; color:#0000ee;} a:active {color:#551a8b;} 2. a 태그에 사용되는 옵션 href a태그를 클릭했을 때 href에 입력 된 주소로 이동합니다. target target 은 a태그를 클릭했을 때 새 창으로 이동 할 지 현재창으로 이동할 지 등 다양한 옵션을 줄 수 있습니다. 이름 기능 _blank 기존 페이지는 유지하면서 링크 이동 _self 현재 페이지에서 해당 링크 이동 _parent 현재 프레임의 부모 프레임에서 링크 이동 _top 최상.. 더보기 [HTML] 유니코 특수문자 리스트 - html 작성 시 특수문자 ({, }, [, ], (, ) 등) 가 정상적으로 표시되지 않을 때 아래의 유니코드로 표시하면 됩니다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음- space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (Slash) 0 ~ 9 0 ~ 9 - 0 부터 9 까지의 숫자 : .. 더보기 [이미지 슬라이드] 이미지슬라이드 만들기 See the Pen 포토갤러리 옆 이스토어 by 김기태 (@kkt9102) on CodePen. 라이브러리 이용안하고 일단 인터넷도 찾아보고 기억나는거 다 써봐서... 기본적으로 보이는 이미지에 해당하는 dots 색도 넣어야하고 setTime도 적용해야하고 아직 미흡하다... 더보기 이전 1 다음
