1. CSS로 지정하는 길이의 단위 알아보기CSS에서 지정하는 길이값의 단위는 문서가 표현되는 매체의 종류(인쇄물/모니터)에 따라 달라질 수 있습니다. 인쇄용이라면 "절대값"과 관련된 단위인 "in(인치), cm(센티미터), mm(밀리미터), pt(포인트), pc(파이카)" 등을 적용하고 모니터(또는 스크린)용이라면 "em, ex, px, %" 등의 "상대값"을 적용합니다. 웹작업에서는 주로 상대값으로 지정하는 것이 효과적입니다. HTML5에서는 "ren과 ch"가 추가됐고, 뷰포트(viewport)의 백분율 길이인 "vw, vh, vmin, vmax"등이 추가됐습니다. 1-1. 절대값에 해당하는 단위는 in, cm, mm, pt, pc 등이 있는데, 이 값들의 길이는 다음과 같습니다. 1in = 96i..

1. CSS의 값을 표현하는 규칙들1-1. CSS로 표현하는 색상값 알아보기글자와 배경의 색상을 지정할 때 그 값으로 "16진수를 이용한 헥사표기법, 색상의 키워드(이름)를 입력하는 방법, RGB의 범위 값 입력 방법"등을 사용할 수 있습니다. HTML5에서는 "색조/채도/명도 입력"과 "투명도 추가"방법이 도입됐습니다. ex1) "16진수 표기법"은 "#"으로 시작해서 R(red), G(green), B(blue)에 해당하는 색상값을 16진수로 연이어 입력합니다. 각 16진수는 2자리로 표현되며 "#rrggbb"의 형식이 되는데, 각 값들이 반복되는 값일 경우 "#rgb"의 형식으로 한 자리씩 생략 가능합니다.#ffddbb ☞ #fdb 앙큼한유채`S 일상 Story ex2) "색상 키워드"를 입력하는 ..

1. CSS는 적용할 대상인 선택자(selector)를 지정해야 하고, 중괄호({, })로 감싼 영역에 속성(Attribute)과 값(value)을 작성합니다. 속성은 얼마든지 작성할 수 있으며 '세미콜론(;)'으로 구분합니다. 선택자(selector)에는 적용하고자 하는 요소의 태그명, 클래스 명, 아이디명 등을 지정할 수 있습니다. selector{Attribute: value;} 1-1. 각 요소에 직접 적용하는 CSS 각 HTML 시작 요소에 직접 CSS를 적용할 수 있습니다. 이방법은 웹 표준의 관점에서 본다면 아주 나쁜 방법인데요, 각 요소마다 스타일을 적용한다는 것을 구조를 작성하는 HTML과 표현을 담당하는 CSS를 분리해야 한다는 웹 표준 규정을 무시하는 것이기 때문입니다. 그럼에도 불구..

1. 현재 문서에서 다른 문서로 이동하기 위해서는 요소가 필요합니다. 요소는 "href" 속성으로 이동할 경로를 지정하고 "title" 속성으로 설명을 추가할 수 있습니다. XHTML에서는 온라인 요소만 포함할 수 있었으나 HTML5에서는 인라인 요소 이외에 , 와 같은 블록 요소도 포함할 수 있습니다. 2. href 속성으로 연결하기2-1. 웹 페이지 절대 경로로 연결하기"http://도메인주소/폴더명/파일명"의 형식으로 문서를 연결합니다. 앙큼한유채`s 일상 스토리 2-2. 웹 페이지 상대 경로로 연결하기"폴더명/파일명"의 형식으로 문서를 연결합니다. 현재 문서의 위피를 기준으로 연결할 문서를 찾습니다. 앙큼한유채`s 일상 스토리 2-3. E-mail 계정 연결하기메일 계정을 연결할 때에는 "mail..

1. 차이점 submit 페이지 이동시에 다음페이지로 정보를 전송합니다. href 정보를 전송하지 않고 페이지만 이동합니다. replace 정보를 전송하지 않고 페이지만 이동합니다. 2. 예제 -1) submit -2) href -3)replace * href와 replace의 큰 차이점href의 경우 페이지를 이동할 때 순서대로 이동하게 되므로 뒤로가기 버튼을 누르면 바로 이전페이지로 이동하게 됩니다. -> 1.php -> 2.php -> 3.php 순으로 이동하게 되면 뒤로가기 버튼을 통해 2.php 페이지로 돌아가집니다.반면에 replace의 경우는 페이지 자체를 새로 출력하게 되므로 1.php를 실행하기 이전의 페이지로 돌아가게 됩니다. -> 1.php -> href방식으로 2.php -> rep..