Computer Security

CSS Reference를 통해 확인 가능한 사항들은 다음과 같다. 정의 해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악할 수 있다. 기본 값 상속 여부 애니메이션 가능 여부 사용 가능한 CSS버전 문법 해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악할 수 있다. 속성 값 해당 속성이 인식하여 적용할 수 있는 값의 형태나, 키워드 등을 파악할 수 있다. Initial : 초기값, 즉 속성의 기본값으로 정의 (ie에서 지원하지 않음) Inherit : 부모 요소의 해당 속성 값을 적용 (상속 가능할 요소일 경우) 즉, 상속이 불가능한 속성일 경우에는 적용 되지 않는다. 지원 범위 해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 버전을 확인할 수 있다. 어떤 브라우저의 어떤 버전..

가상 클래스(pseudo class) -가상 클래스는 미리 정의해놓은 상황에 적용되도록 약속된 보이지 않는 클래스이다. -우리가 직접 요소에 클래스를 선언하는 것은 아니고, 약속된 상황이 되면 브라우저 스스로 클래스를 적용해준다. ex) 가 있다고 가정한다. 이 에 마우스 커서를 올렸을 때만 특정 스타일을 주고 싶다고 한다면 어떻게 해야 할까? 가상 클래스가 없다면 이런 과정을 거치게 된다. 임의의 클래스 선택자를 선언하여 특정 스타일 규칙을 만든다. p 요소에 커서가 올라가면 p 요소에 클래스를 집어넣는다. p 요소에서 커서가 빠지면 p 요소에 클래스를 삭제한다. -여기서 2, 3번은 동적으로 변화되어야 하는데, HTML과 CSS는 정적인 언어이기 때문에 처리할 수 없다. -그래서 CSS에서는 흔하게 ..

CASCADING STALE SHEETS -HTML(마크업 언어)을 꾸며주는 언어 -html이 웹페이지의 정보를 표현한다면, CSS는 html을 보기 좋게 디자인 하는 역할 h1 {color: yellow; font-size:2em;} 선택자(selector) - "h1" 속성(property) - "color" 값(value) - "yellow" 선언(declaration) - "color: yellow", "font-size: 2em" 선언부(declaration block) - "{ color: yellow; font-size:2em; }" 규칙(rule set) - "h1 { color: yellow; font-size:2em; }" 선택자와 선언부 사이, 선언과 선언 사이는 앞뒤로 개행을 해도 ..

type="text" 주로 아이디, 이름, 주소, 전화번호 등 단순한 텍스트를 입력할 때 사용한다. placeholder 속성: 사용자가 입력하기 전 미리 화면에 노출하는 값으로, 입력하는 값의 양식을 표현할 수 있습니다. type="password" 암호와 같이 공개할 수 없는 내용을 입력할 때 사용한다. 화면에는 type="text"와 같게 나타나지만 실제로 입력할 때 값을 노출하지 않는다. type="radio" 라디오 버튼을 만들 때 사용한다. 라디오 버튼은 중복 선택이 불가능하며 하나의 항목만을 선택해야 한다. type="checkbox" 체크박스를 만들 때 사용하다. 체크박스는 중복 선택이 가능하다. type="file" 파일을 서버에 올릴 때 사용한다. 브라우저에 따라 표현되는 형태는 조금씩..