Programming/Web_html, css 썸네일형 리스트형 Zen Coding ( css html 입력을 빠르게해주는 코딩) notepad ++를 깔면 자동적으로 zenCoding이 내장되어있다. 주요 코딩은 다음과 같다. Child: >nav>ul>li Sibling: +div+p+bq Climb-up: ^div+div>p>span+em^bq div+div>p>span+em^^bq Grouping: ()div>(header>ul>li*2>a)+footer>p (div>dl>(dt+dd)*3)+footer>p Multiplication: *ul>li*5 Item numbering: $ul>li.item$*5 h$[title=item$]{Header $}*3Header 1 Header 2 Header 3ul>li.item$$$*5 ul>li.item$@-*5 ul>li.item$@3*5 ID and CLASS attributes.. 더보기 반응형 페이지 만들기- 뷰포트와 미디어 쿼리 1.뷰포트 Viewport 뷰포트속성 속성명속성값 속성설명 width device-width, 양수 뷰포트의 너비를 지정합니다.height device-height. 양수 뷰포트의 높이를 지정합니다.inital-scale양수 뷰포트의 초기 배율을 지정합니다. 기본값은 1입니다. 1보다 작은 값을 사용하여 축소된 페이지를 표시하고, 1보다 큰 값을 사용하여 확대된 페이지를 표시합니다.user-scalableyes, no 뷰포트의 확대/축소 여부를 지정합니다. 기본값은 yes이며 no로 설정하면 사용자가 페이지를 확대 할 수 없습니다.minimum-scale양수 뷰포트의 최소 축소 비율을 지정합니다. 기본값은 0.25입니다. maximum-scale양수 뷰포트의 최대 확대 비율을 지정합니다. 기본값은 5.0.. 더보기 이전 1 다음