본문 바로가기

my_lesson325

HTML DIV 태그로 벽돌 쌓기 DIV 태그로 벽돌 쌓기 Masonry는 벽돌 쌓기 모양으로 요소를 배열해주는 자비스크립트 라이브러리입니다.Masonry를 이용하면 이미지를 배열하거나 썸네일이 있는 글목록을 예쁘게 나타낼 수 있습니다.또한 웹브라우저의 가로폭이 변하면 그에 맞게 배열이 바뀌어 반응형웹에서도 사용하기 좋습니다.다운로드Masonry는 다음의 링크에서 다운로드 받을 수 있습니다.http://masonry.desandro.com/#install스크립트를 수정할 것이라면 masonry.pkgd.js를, 그대로 사용할 것이라면 masonry.pkgd.min.js를 다운로드 받습니다.사용법다운로드 받은 파일을 서버에 업로드하고, HTML 문서에서 불러옵니다.Masonry 배열을 할 요소를 적당한 이름의 id를 부여한 요소로 둘러싸고.. 2015. 7. 25.
HTML TAG[필수태그] 모음 HTML (Hyper Text Markup Language) 1. 기본구조 내용 표제 부분에 들어갈 말을 정의. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아짐 default H4 주석을 달거나 잠시 이미지를 보이지 않게 할때 사용 2. 문단 혹은 줄을 바꾸는 태그 공백 문단을 바꾸는 태그 줄바꿈과 동시에 줄을 띈 것같은 효과 문단을 바꾸는 태그 줄바꿈의 역할만 수행 여백이나 줄간격 등을 고정시켜 주는 역할 들여쓰기 전체 문장을 가운데로 정렬 - align : 정렬하기 (left/center/right) 3. 글자관련 태그 - size : 글자의 크기를 마음대로 조절. 숫자는 1~7까지며 7이 가장 큰 크기 (default : 3) , 굵은 글씨를 나타내 주는 태그 , , 이탤릭체의 글씨를 나.. 2015. 7. 25.
IE9 이하에서 HTML5 사용을 위한 필수요건 IE9 이하에서 HTML5 사용을 위한 필수요건 IE8에서 레이아웃 컨트롤 IE9 미만에서 HTML5 엘리먼트 지원 (구글 코드에서 다운로드)123위 코드가 html5shiv가 지원하는 HTML5 엘리먼트1article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section { display: block; } IE7 미만에서 HTML 및 CSS 엘리먼트, 투명 PNG 지원 (구글 코드에서 다운로드)1234567891011 이는 현재 사용하는 IE보다 버전이 낮을 경우 작동하는 스크립트로 버전이 낮은 브라우저에서 호환성을 보장하게 만들어줍니다. 저는 이런 형식으로 IE9일때만 혹은 IE8일때만 불.. 2015. 7. 25.
JavaScript [load]다른 문서 내용 불러오기 JavaScript [load]다른 문서 내용 불러오기 2015. 7. 25.
HTML/XML 자주쓰는 ENTITY CODE(개체 문자) HTML/XML 자주쓰는 ENTITY CODE(개체 문자) 엔티티코드 : HTML 예약 문자나 특수 문자를 쓸 때 사용 합니다.엔티티 코드를 사용하는 이유는 컴퓨터가 문서를 읽어들일 때 예약문자와 문서내용을 구분하지 못해 생기는 문제를 해결하기 위해서 입니다. 예를 들어 문서 내용에 꺽쇠 괄고( 2015. 4. 21.
CSS Box & Position[border,padding,margin,position] css_box CSS Box & Position[border,padding,margin,position] 관련글 CSS Position attribute[static, relative, absolute, fixed] CSS2 Z-index attribute[auto, number, initial] hello CSS 박스 관련 속성 구분 속성 설명 속성값 박스 테두리 border-width 굵기 수치, thin, medium, thick border-color 색상 색상명, RGB혼합비, 시스템 색 border-style 스타일 none, hidden, dotted, dashed, solid, double, groove, ridge, outset, inset border 일괄 지정 각 속성의 값을 나열 박.. 2015. 4. 17.