나의 개발일기

전체 선택자 (Universal Selector) * { color : blue; } [ * } 모든 요소를 선택한다 태그 선택자 (Type Selector) li { color: blue; } [ABC] 태그 이름으로 요소를 선택한다. 클래스 선택자 (Class Selector) 파랑 .blue { color: blue; } [.ABC] HTML class 속성의 값으로 요소를 선택한다. (.으로 표시) 아이디 선택자 ( ID Selector) 파랑 #blue { color:blue; } [#ABC] HTML id속성의 값으로 요소를 선택한다. ( # 으로 표시) 일치 선택자 (Basic Combinator) 파랑 span.blue { color:blue; } [ABCXYZ] 선택자 ABC와 XYZ를 ..

HTML에서 속성이란 열리는 태그에 작성하는 href, target, src 같은 HTML의 기능을 확장해 주는 개념이다. 기본적으로 요소들은 자신이 사용할 수 있는 속성이 정해져 있다.(img태그: src, a태그:href 등) 하지만 전역 속성은 body에서 사용하는 태크글의 전체 영역에서 언제든지 사용할 수 있다. 1.title NAVER 요소의 정보나 설명을 지정한다. 해당 요소에 마우스를 올리면 일종의 tooltip처럼 title 속성이 출력된다. 2.style 요소에 적용할 스타일을 지정한다. 3. class 요소를 지칭하는 중복 가능한 이름이다. css, js에서 해당 요소를 제어하기 위해서 사용한다. 4. id 요소를 지칭하는 중복이 불가능한 고유한 이름이다. 자주 사용하지는 않지만, 중요..

Element TAG 사이에 콘텐츠를 표시함 Content * TAG의 예시 제목 (h1~h6) 문단 줄바꿈 ordered list unordered list 하이퍼링크 ... Element 의미 확장 속성값 추가 (attribute) 내용 예시1) 이미지 삽입 예시2) 분할 ohbox div는 아무런 의미를 가지지 않는 태그이지만 class 속성은 'ohbox'라는 컨텐츠를 name이라는 태그 별명으로 묶었다. Element 구조 특징 - 부모 자식 요소 태그 내의 콘텐츠에 태그를 삽입할 수 있다. 이럴 경우 두 태그의 관계를 서로 부모(상위, 조상)요소 자식(손주, 하위)요소라고 한다. - 빈 태그 (Empty tag , self-closing tag) 닫히는 태그 개념이 없다. 대부분 속성과 값의 ..