# 문제
코딩 연습 확인사항: CSS 셀렉터 - 클래스와 ID
임무: divClass라는 클래스와 divId라는 ID를 만드세요.
그런 다음, 빨간색 텍스트 색상을 갖도록 divClass를 정의하고, 파란색 텍스트 색상을 갖도록 divId를 정의합니다.
첫 번째 div는 divClass를 사용하고, 두 번째 div는 divId를 사용하는, 두 개 이상의 div를 포함하는 방식으로 HTML 파일인 'index.html'을 작성하세요.
평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요.
계속 진행하기 전에 divId를 사용하는 div 컨테이너를 divClass를 사용하는 div 컨테이너에 삽입하면 어떻게 되는지 확인하시기 바랍니다.
<div class="divClass"> 첫 번째div 요소
<div id="divId"> 첫 번째 div 요소 안의 또 다른 div 요소 </div>
</div>
중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다!
# index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styling.css">
<title>Document</title>
</head>
<body>
<p>start point</p>
<div class="divClass">this is div part
<div id="divId">here is Inside of div</div>
</div>
</body>
</html># styling.css
.divClass {
color: red;
}
#divId {
color: blue;
}'Web > Css' 카테고리의 다른 글
| CSS 문제풀이4 - 폰트, 텍스트 (font, text) (0) | 2022.09.28 |
|---|---|
| css - google API에 연동하여 폰트 사용하기 (0) | 2022.09.28 |
| css 문제풀이2 - div과 span을 구분하여 css적용 (0) | 2022.09.28 |
| css 문제풀이1 - h1영역에 색상, 백그라운드 색상 입히기 (0) | 2022.09.28 |
| css 활용6 전환, 변환 (0) | 2022.09.06 |
