정보/꾸미기 썸네일형 리스트형 Element * 엘리먼트 1. 인라인 엘리먼트 - 두 개의 인라인 엘리먼트가 옆으로 인접해 있을 때, 두 개의 왼쪽/오른쪽 마진을 더한 것 만큼의 공간이 생김 2. 블록 엘리먼트 - 두 개의 블록 엘리먼트가 위/아래로 인접해 있을 때, 두 개의 마진중 큰 마진의 높이만큼 공간이 생김 3. 인라인 엘리먼트의 마진? - 인라인 엘리먼트도 마진을 가질 수 있음 - 이미지의 경우, 마진 뿐만 아니라 테두리와 패딩도 설정할 수 있음 4. 엘리먼트 중첩 - 바깥 엘리먼트의 내부에 중첩된 엘리먼트들의 경우, 내부 엘리먼트의 마진이 합쳐짐 - 바깥쪽에 있는 엘리먼트가 테두리를 가지고 있고, 마진을 건드리지 않는다면 내부 엘리먼트의 마진은 합쳐지지 않음 - 만약, 바깥쪽 엘리먼트의 테두리를 제거하면 내부 엘리먼트의 마진은 다시 합쳐.. 더보기 CSS Layout http://pongdangs.blogspot.com/2011/05/30-css.html 더보기 표 만들기 1. table - 제목은 th(기본적으로 굵게 표시), 내용은 td태그를 사용 - ...... - 테이블은 html에서 표에 있는 데이터를 명시하는 방법을 제공 - 레이아웃을 위해 테이블을 사용하는 것은 예전 방식임! 2. 캡션과 요약 - 캡션은 테이블의 상단(혹은 다른 곳)에 위치하는 테이블의 설명, 제목 - 요약은 브라우저에서는 보이지 않지만, 스크린 리더기 등을 통해 사용자에게 큰 소리로 읽어줄 수 있음 - Anything...... - css에서 table{ caption-side:bottom; }이라고 할 경우, 캡션이 테이블의 아래에 위치하게 됨 3. 테이블 셀 속성 - 테이블 셀은 패딩과 테두리를 가지고 있지만, 마진은 가지고 있지 않음 - 대신 border-spacing(모든 셀 주위에 .. 더보기 CSS 작성법 > 계단식 폭포에 물이 흐르듯 하나의 HTML문서에 여러 개의 스타일 시트를 정의할 수 있기 때문이며, 여러 개의 스타일 시트는 역순으로 적용. (가장 나중에 만들어진 스타일시트가 적용됨) ** 문서의 외형을 구체적으로 명시하기 위한 문장의 집합 1.웹 페이지의 외형을 제어하기 위한 언어 2.웹 페이지의 내용에 하나하나 스타일을 지정하지 않고 태그 에 따라 별도의 스타일 정보를 정의하여 종류별로 일괄적인 스타일 적용 3.웹 페이지의 구성 요소의 위치 자유롭게 지정 ** 스타일 시트의 기능과 장점 1.웹 페이지 구성 요소에 크기, 색깔 등의 스타일을 일괄적으로 적용 2.글자 간격, 문단 간격, 위치 등 HTML 태그로는 제어할 수 없는 부분을 제어. 3.문서의 구조와 스타일의 분리 4.스타일의 변경과 웹 .. 더보기 srplayer Configuration 1. 사용법 2. srconfig.xml & Config Vars 184 http://my.site.com/files/mediaplayer.xml 214 http://my.site.com/files/image.jpg true false bgfade blocks bubbles circles fade flash fluids lines random slowfade 320 0x000000 0xCCCCCC 0X808080 0x666666 true false 320 true false true false logo.jpg true false fit none true false true false true false true false true false true false true false true false 3 .. 더보기 이전 1 2 다음
