감성 퍼블리셔 html,css

[CSS3] background-size 속성 사용법 background-size 속성은 CSS3에서 추가된 속성으로, CSS3 이전에는 처리할 수 없었던 배경 이미지 크기를 조정할 수 있다. 값은 px와 % 같은 단위로 쓸 수 있고, auto, cover, contain과 같은 키워드를 쓸 수도 있다. background-size : 가로크기 세로크기; 원본 크기 기본값은 auto이며, 요소 배경으로 이미지를 삽입하면 요소 크기와 상관 없이 이미지 원본 크기대로 처리한다. background-size:auto 400px; 가로 크기를 auto로 설정하고 세로 크기를 400px로 설정하면 이미지의 세로 크기가 400px로 바뀌고 가로크기는 세로크기 대비 원본 비율에 맞추어 바뀐다. background-s..

출처 : http://menguy.tistory.com/659 http://mytory.co.kr/archives/410 http://menguy.tistory.com/659 Galleria A Zoomable jQuery Image Gallery Called jPhotoGrid GalleryView: A jQuery Content Gallery Plugin Image Flow jQuery Blinds Advanced jQuery background image slideshow How to Create a Simple Slideshow using Mootools / JQuery jQuery Infinite Carousel Moving Boxes A Beautiful Apple-style Slideshow..

html jQuery image gallery 해외사이트 Supersized DEMO Galleria DEMO CU3ER DEMO Anything Slider DEMO jQueryGlobe DEMO Featured Content Slider DEMO Horinaja DEMO Looped Slider DEMO Lightbox DEMO TN3 Gallery DEMO S3 Slider DEMO YOXview DEMO Thickbox DEMO Simpleslide DEMO Slide Deck DEMO Fancy Transitions DEMO Nivo DEMO Easy Slider DEMO Cycle Plug-in DEMO Pretty Photo DEMO Coin Slider DEMO Gallerific DEMO..

HTML5, AJAX, CSS3두가지 기술은 기존의 비교적 정적이고 단순한 정보를 보는 매체 즉 웹 문서를 보는 HTML 기술과 javascript 기술을 웹 애플리케이션으로서의 기능, 더 나아가 Web 2.0의 포괄적인 요구사항을 효율적으로 지원하기 위해 개선된 최신 기술입니다. 차이점 HTML5는 텍스트, 이미지, 미디어 등의 정보의 구조를 정의한다. AJAX는 HTML의 정보를 조작한다. 동일한 점 두 가지 기술은 웹을 문서를 보는 매체에서 애플리케이션을 구동하기 위한 기술이다. CSS3 차세대 웹이라면 현재 Web 2.0이라 불리워지는 Rich Client(멀티미디어와 웹 기반 애플리케이션)과 집단 지능, 매쉬업, 소셜 네트워크, 사용자 참여 정보(UCC), 협업, 지능형 웹 등의 특징을 들 수 ..

margin(마진) 요소에 대한 개념 및 속성 정리 margin (마진) 속성 정리 요소의 테두리부터, 요소의 바깥 가장자리까지의 공간을 의미합니다. 배경색상 및 이미지는 마진에 적용되지 않습니다. 박스모델에서 투명한 영역을 지칭합니다. - 특정요소의 사각형 모든 방향으로 margin속성을 지정할 수 있고, 한쪽으로만, margin속성을 적용할 수 있습니다. - 픽셀, em, 퍼센트 값도 가질 수 있음. - em값 지정시 화면에 출력되는 콘텐츠의 글꼴 크기에 비례하여 변할 수 있습니다. - 퍼센트값의 경우에는 속성이 적용된 요소의 전체크기를 기준으로 여백의 크기를 산정하고, 패딩과 테두리 모두 같은 방식으로 적용됩니다. 마진(margin)은 테두리(border)기준으로, border 안쪽으로는 paddi..

특수문자 잘못써서 깨지는 경우가 있으니 혹시 깨진다면 특수문자를 그냥 써서 그럴지도 모릅니다. 출처: 네이버 웹표준스터디 카페 참고: WIKI 문자참조 | W3SCHOOLS HTML Symbol Entities Reference HTML / XHTML 상의 특수기호가 그대로 표시되도록 기술하거나 키보드로 직접 입력할 수 없는 문자를 기술하기 위한 방법을 문자 참조 (character referendes) 라고 합니다. 문자 참조에는 1)문자 실제 참조 (character entity references) 2) 수치 문자 참조 (numerical character references)의 두가지 방식이 있다. 예를들어 "

출처 : 하드코딩하는사람들 http://cafe.naver.com/hacosa/15708 HTML 문서를 보다 보면 문서 상단에 글들이 놓여 져 있다. 바로 DTD 라는 것인데 DTD란? Document Type Definition 는 브라우저 랜더링 모드를 지정해주고 유효성 검증기의 기준이 되므로 XHTML 문서의 상단에 반드시 선언해 주어야 한다. 만일 DTD 를 생략 하거나 형식이 잘못된 문서일 경우에는 웹 브라우저마다 코드의 해석방식이 다른 Quirks mode 로 렌더링이 되기 때문에 엉뚱한 결과물로 출력되는 문제에 직면하게 된다. DTD 기본형식. - Transitional : 단어의 뜻 그대로 과도기적으로 사용하기 위한 선언이다. 호환성을 위해서 strict보다 유연하다. 선언된 XHTML ..