개발새발 로그

style을 적용하고자하는 HTML 요소를 셀렉터로 특정하고 선택된 요소에 스타일을 정의하는 것이다. 복수개의 셀렉터를 연속하여 지정할 수 있으며 쉼표( , )로 구분한다. h1, h2 { color: red; } 전체 셀렉터 ( * ) HTML 문서 내의 모든 요소를 선택한다. html 요소를 포함한 모든 요소가 선택된다. (head 요소도 포함된다) * { color: red; } 태그 셀렉터 지정된 태그명을 가지는 요소를 선택한다. p { color: red; } ID 셀렉터 id 어트리뷰트 값을 지정하여 일치하는 요소를 선택한다. id 어트리뷰트 값은 중복될 수 없는 유일한 값이다. #p1 { color: red; } 클래스 셀렉터 class 어트리뷰트 값을 지정하여 일치하는 요소를 선택한다. c..

CSS는 HTML 요소의 style(design, layout etc)을 정의하는데 사용된다. 이를 위해서 선행되어야하는 것은 스타일을 적용하고자 하는 HTML 요소를 선택할 수 있어야 한다. 셀렉터는 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단이다. Link HTML에서 외부에 있는 CSS 파일을 로드하는 방식이다. 가장 일반적으로 사용된다. Embedding style HTML 내부에 CSS를 포함시키는 방식이다. Inline style HTML요소의 style 프로퍼티에 CSS를 기술하는 방식이다. Hello World Reset CSS 사용하기 Reset CSS는 기본적인 HTML 요소의 CSS를 초기화하는 용도로 사용한다. Eric Meyer’s reset n..