Development/Web, WWW(447)
-
가상클래스 선택자 (추상클래스 선택자)
가상클래스 선택자 (추상클래스 선택자)· 태그, 아이디명, 클래스명 뒤에 :(콜론)을 붙여 이벤트명을 지정해 줍니다.· :이벤트명 형식을 사용하면 특정 이벤트마다 적용 할 CSS 스타일을 사용 할 수 있으며 이를 가상 클래스라고 합니다.· 이를 활용하면 어떤 요소도 첫 번째 줄만 선택해서 스타일을 줄 수 있어 좀 더 디테일한 스타일 적용이 가능합니다. 가상클래스 선택자 기본 형식
-
background-attachment 프로퍼티
background-attachment 프로퍼티 문서와 함께 이미지가 스크롤될 것인지를 결정합니다.
-
테두리 관련 스타일
테두리 관련 스타일 박스 관련 스타일과 테두리 관련 스타일로 구분 됩니다. 구분설명박스 관련 스타일박스의 여백이나 모서리 등을 설정 테두리 관련 스타일테두리의 두께나 색상, 선 스타일 등을 지정하는 설정
-
속성 선택자
속성 선택자 특정 속성(attribute) 또는 특정 속성값을 갖고 있는 요소(element)를 선택합니다. 속성 선택자는 7가지 형태가 있습니다.
-
다양한 selector
다양한 선택자다양한 선택자를 학습하여 스타일 적용하기 Selector Type Description 전체 선택자 * { width:100%; } 모든 요소에 스타일을 적용할 때 사용HTML 페이지에 있는 모든 요소를 대상으로 스타일을 적용HTML 전체를 대상으로 가로 값을 100%로 설정 타입 선택자 p { width:100%; } 태그 선택자p 요소에게 가로 값을 100% 설정 class 선택자 .wrap { width:100%; } 클래스 wrap에 가로 값을 100% 설정 id 선택자 #wrap { width:100%; } 아이디 wrap에 가로 값을 100% 설정 후손 선택자 div p { width:100%; } '하위 선택자'라고도 합니다.div 요소 안에 있는 p 요소에게 가로 값을 100%..
-
아이프레임(iframe, Inline Frames), <iframe> 요소 형식, <iframe> 요소 속성
요소 · 아이프레임(iframe, Inline Frames), 내부 프레임(inline frame)이라는 의미입니다. · 원래는 ie에서만 작동했지만, html 4.01부터 iframe을 포함하여, 현재 모든 브라우저에서 태그를 지원합니다. · 태그는 인라인 레벨의 요소입니다. · 현재의 HTML문서 안에서 다른 HTML문서를 보여주고자 할 때 많이 사용합니다. · iframe 요소는 html 웹 문서 안에 또 다른 웹 문서를 넣을 수도 있고, 동영상도 넣을 수 있습니다. · 프레임(frame)과 비교해볼 때 아이프레임은 태그가 필요 없으며, 독립적으로 사용가능한 태그 입니다. · 마치 태그를 사용하는 것 처럼 문서내의 원하는 곳에 삽입만 하면 사용할 수 있습니다. 사용방법도 태그과 유사합니다 요소 형식..