728x90
선택자란
CSS로 UI의 어느 부분을 디자인 할지 , 즉 표현할 대상이 되는 부분이다.
△CSS로 속성을 부여하는 형식
※ 이 예문은 h1요소에 배경색을 노란색으로, 글자색을 빨간색으로 지정한다는 의미를 담고 있다.
{ } 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ' ; '로 구분해주며 마지막 속성 끝에는 구분 생략가능하다.
속성은 가로로 붙여 써도 되고 한 줄씩 따로 기술해도 된다.
type 선택자
html 문서의 태그 이름을 선택자로 사용할 수 있다.
ex) p {color: blue;}
id 선택자
- HTML 문서 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있다.
- id로 이름을 붙일 때는 유일한 이름을 부여해야한다.
- CSS에서는 id 선택자 앞에 ' # '을 붙여야 한다.
- id명이나 class 명은 숫자로 시작할 수 없으며 주로 영문자로 시작한다.
△예제
class 선택자
- HTML 문서의 여러 요소 중 같은 이름을 갖는 요소들만 모아 따로 속성을 부여할 수 있다.
- HTML요소에 같은 이름을 부여할 때는 class로 이름을 붙인다.
- 즉, 여러개의 요소에 같은 class명을 부여할 수 있다. 또한 하나의 요소에 여러 개의 class명을 부여할 수도 있다.
- CSS에서는 calss 선택자 앞에 ' . '을 붙여야 한다.
△예제
