목록프로그래밍 노트/HTML5 + CSS3 (2)
IT's 2 EG
1. 전체 선택자 전체 선택자는 스타일을 모든 요소에 적용할 때 사용하며, 전체 선택자로는 *(별표)를 사용한다. 2. 태그 선택자 특정 태그가 쓰인 모든 요소에 스타일을 적용하며, 전체 선택자 다음으로 많은 요소들에 스타일을 적용한다. 3. 클래스 선택자 특정 부분에만 스타일을 적용할 때 사용하는 것이 클래스 선택자이다. 클래스 선택자는 태그 대신 클래스 이름을 사용하는데, 클래스 이름 앞에는 마침표(.)를 붙인다. 4. id 선택자 클래스 선택자와 동일하네 특정 부분에만 스타일을 적용할 때 사용한다.다만, 클래스 선택자의 경우 여러번 반복 적용이 가능하지만, id 선택자의 경우 문서 내 한번만 적용이 가능하다.사용법은 클래스 선택자의 마침표(.) 대신, 샵(#) 기호를 앞에 붙인다. 5. 그룹 선택자..
1. 스타일 형식 스타일을 적용할 대상인 선택자와 적용할 사항인 속성, 속성값은 아래와 같이 표기를 한다. 2. 스타일 시트 1) 내부 스타일 시트 사용할 스타일을 문서 안에 정리한 것을 내부 스타일 시트라고 한다. 1234567891011121314151617 p{ font-size:30px; color:blueviolet; } 내부 스타일 시트 cs 2) 외부 스타일 시트 별도로 따로 저장한 스타일 정보를 외부 스타일 시트라고 하며, '.css' 파일 확장자를 가진다. 123456789101112 외부 스타일 시트 Colored by Color Scriptercs 123456 p{ font-size:30px; color:blueviolet; }cs