1. Display 속성 알아보기 "display" 속성은 css의 많은 속성 중에서도 아주 중요합니다. 각 HTML 요소는 블록 혹은 인라인으로 나타나게 되는데, display 속성으로 "block" 혹은 "inline"을 의도적으로 지정할 수 있습니다. 뿐만 아니라 마크업된 요소가 원래 존재하지 않는 것처럼 "none"을 지정할 수도 있습니다. 이외에 많은 값들이 새로 추가되었지만, 익스플로러의 경우는 익스플로러 버전9 이상의 브라우저에서만 안정적으로 지원되며 아직은 그 사용빈도가 높지 않습니다.1-1. "display" 속성으로 block, inline 값 지정하기HTML에서 는 블록 요소이고, 은 인라인 요소지만, 다음 예제에서는 css에서 요소가 ㅇ니라인으로 요소는 블록으로 표현되도록 만들었습니..

1. 속성 선택자 (Attribute selectors) 알아보기언떤 요소를 선택할 경우에 그 요소가 가진 "속성"을 추가로 지정할 수도 있습니다. 속성은 중괄호([, ])안에 적용하고, 속성이 가진 특징에 따라서 다음과 같은 다양한 옵션을 지정할 수 있습니다. 여기서는 몇가지 유용한 속성 선택자를 알아보겠습니다. ※ 속성 선택자는 익스플로러 버전 6이라에서는 적용되지 않습니다. 1-1. "E[foo]"는 "foo"라는 속성을 가진 요소를 선택하는 방법입니다. 다음은 "title" 속성을 가진 요소를 선택해서 글자 색상을 변경하는 예제입니다. 1-2. "E[foo='warning']"이라는 속성과 값을 모두 만족시키는 요소를 선택합니다. 다음 코드와 같이 작성하면 요소 중에서 "target='_blank..

1. Form tag -> HTML 문서에서 사용자로 부터 입력받은 데이터를 ASP, PHP 등과 같은 언어를 사용하여 서버로 전달해주는 과정까지를 말합니다. Method - 입력된 내용을 GET, POST 방식 중 하나를 선택하여 전달할 것인지를 결정하는 속성입니다. - GET : 사용자로 부터 입력받은 데이터를 전달할 때, URL에 붙어서 전달하는 방식으로 데이터를 쉽게 노출하기 때문에 보안이 취약한 대신 전송속도가 POST보다 빠르다는 장점이있습니다. - POST : 사용자로 부터 입력받은 데이터를 인코딩하여 메세지의 본문안에 포함하여 전달하는 방식으로 데이터를 노출하지 않기 때문에 보안이 우수한 대신 입력크기에 제한이 있다는 단점이 있습니다. Action - 사용자로 부터 입력받은 데이터를 전달하..