![]()
선택자를 어떻게 조합하여 사용할 수 있을까? 그룹 선택자 --여러 선택자를 정의하여 하나로 그룹을 지을 때 사용된다.여러 선택자를 콤마(,)를 이용하여 구분한다. 기본 형식선택자1, 선택자2, ... 선택자n{ /* CSS 코드 */ } 예시 코드p, #title, .red{ color:red;}p 태그, id 속성 값이 title인 태그, class 속성 값이 red인 태그(요소) 모두 글자 색상을 빨간색으로 스타일한다.-- 자식 선택자 --부모 요소의 하위에 있는 자식 요소에 스타일을 적용할 때 사용되며">" 기호를 통해 부모와 자식을 구분한다. 기본 형식부모 선택자 > 자식 선택자 { /* CSS 코드 */ } 예시 코드.box > p { color:red;}class 속성의 ..
![]()
기본 선택자를 정의하는 방법은 무엇이 있을까? 전체 선택자 --전체 선택자를 사용하는 방법은HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법으로"html", "head", "title", "style", "body" 태그 등 모든 요소를 선택자로 정의한다. 기본 형식*{ /* CSS 코드 */} 예시 코드 제목 내용 -- 특정 태그 선택자 --HTML의 특정 태그를 지정하여 선택자로 정의하는 방법으로특정 태그명과 일치한 모든 요소를 한 번에 선택하여 CSS를 적용한다. 기본 형식태그명{ /* CSS 코드 */} 태그 선택자 p태그에 작성한 글입니다. p태그에 작성한 글입니다.2-- 아이디 선택자 --HTML 태그에서는 "id 속성"을 사용할 수 있는데해당..
![]()
CSS는 어떤 식으로 작성할까? 문법 형식 --CSS의 문법은 크게 "선택자"와 "선언부"로 구분된다. 선택자 : CSS스타일을 적용할 HTML 태그(요소)를 선택하는 영역선언부 : "선택자"에서 선택한 태그에 적용할 스타일을 작성하는 영역 (중괄호 사용)"선언부"에 작성하는 스타일은 반드시 "속성"과 "값"을 한 쌍으로 작성해야 하며,값 뒤에는 세미콜론(;)을 넣어야 하며, 여러 스타일을 연속하여 작성 또한 가능하다. 예시 코드h1{ font-size: 24px; color: red;}해당 코드는h1 태그에 사용된 텍스트 크기를 24px, 색상은 빨간색으로 지정하는 코드다.-- 주석 --CSS에서도 주석을 담을 수 있다. 기본 형식/* 주석 내용 */자바처럼 "//"는 ..
