Javascript/CSS3 2

2. 셀렉터

CSS는 HTML 요소의 스타일을 정의하는데 그러려면 HTML이 존재하고 또한 스타일을 적용하고자 하는 HTML 요소에 특정할 필요가 있다. 이럴 때 셀렉터가 사용된다. 복수 개의 셀렉터를 연속하여 지정할 수 있고 쉼표로 구분한다. h1, p { color: red; } 1. 전체 셀렉터 * - HTML 문서 내의 모든 요소를 선택한다. html 요소를 포함한 모든 요소가 선택된다. (head 요소도 포함) * { color: red; } 2. 태그 셀렉터 - 지정된 태그명을 가지는 요소를 선택 p { color: red; } -> 모든 p 태그 요소를 선택 3. ID 셀렉터 #id 속성 값 - id 속성 값을 지정하여 일치하는 요소를 선택. 중복될 수 없는 유일한 값 #p1 { color: red; }..

Javascript/CSS3 2020.05.20

1. 기본 문법

CSS는 HTML이나 XML과 같은 구조화 된 문서를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, HTML의 각 요소의 style을 정의하여 화면 등에 어떻게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어이다. HTML5 이전 버전의 HTML에는 style을 컨트롤할 수 있는 태그(font, center)가 존재하여 CSS가 없이도 어느 정도의 스타일 표현이 가능하였으나 정보와 구조를 담당하는 HTML의 본연의 역할과 동떨어진 기능까지 추가됨으로서 복잡하고 혼란스러운 언어가 되어 버렸다. 그래서 HTML5 에서는 HTML은 정보와 구조화, CSS는 styling 정의라는 본연의 임무에 충실한 명확한 구분이 이루어졌다. HTML과 CSS는 각자의 문법을 갖는 별개의 언어이며..

Javascript/CSS3 2020.05.14