2020.12.24 메모

[2교시]
CSS3 스타일 시트 만드는 방법 3가지
-<style></style> 태그에 스타일 시트 작성(우선순위2)
-style 속성에 스타일 시트 작성(우선순위1)
-스타일 시트를 별도 파일로 작성(우선순위3)

전체 셀렉터(universal selector)
-와일드 문자(*)를 사용하여 모든 태그에 적용시키는 셀렉터
 * { color : green; } : 웹 페이지의 모든 태그에 적용. 텍스트 색을 green으로 칠함

속성 셀렉터
-HTML 태그의 특정 속성(attribute)에 대해 값이 일치하는 태그에만 스타일을 적용하는 셀렉터
  input[type=text] { color : red } : type 속성값이 "text" 인 <input> 태그에 적용 / <input type= "text" >

가상 클래스(pseudo-class) 셀렉터
-어떤 조건이나 상황에서 스타일을 적용하도록 만든 셀렉터
 40개 이상의 많은 가상 클래스 셀렉터 있음
예1) a:visited { color : green; } : 방문한 <a>의 링크 텍스트 색을 green으로 출력
예2) li:hover { background : yellowgreen; }

메리 크리스마스