HTML 파일 내부의 style 태그에 아래 코드가 포함되어 있을 때 … | [멀티미디어콘텐츠제작전문가 필기] 18년 3회차 기출문제 상세 페이지
1[멀티미디어콘텐츠제작전문가 필기] 18년 3회차
HTML 파일 내부의 style 태그에 아래 코드가 포함되어 있을 때 결과는?
.poi {font-style : italic; color : red;}
1
태그 이름이 poi인 태그에 빨간 색상의 Italic 체로 스타일 시트를 지정한다.
2
ID 속성의 값이 poi 인 태그에 빨간 배경 색상의 Italic 체로 스타일 시트를 지정한다.
3
CLASS 속성의 값이 poi 인 태그에 빨간 색상의 Italic 체로 스타일 시트를 지정한다.
4
STYLE 속성이 지정된 태그에 빨간 배경 색상의 Italic 체로 스타일 시트를 지정한다.
해설
선택자 앞의 마침표는 클래스를 뜻하므로, 이 코드는 class 속성 값이 poi인 태그에 기울임체와 빨간 글자색을 적용한다.
CSS 선택자는 .이름이면 클래스, #이름이면 아이디, 아무 기호가 없으면 태그 이름을 가리킨다. 여기서는 .poi로 적혀 있으므로 class="poi"가 붙은 요소만 대상이 된다.
선언부의 font-style : italic은 기울임체를, color : red는 글자 색을 빨강으로 만든다. 배경을 칠하려면 background-color를 써야 하므로 빨간 배경색이라는 설명은 성립하지 않는다.
내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.