본문 바로가기

Python_WEB/HTML

[부스트코스]CSS 이해하기 - 선택자 퀴즈 1

반응형

Q>

"HTML" 문자는 글자색상을, "CSS" 문자는 밑줄을 선언하시오.

<dl>
    <dt>HTML</dt>
    <dd><span>HTML</span>은 문서의 구조를 나타냅니다.</dd>
    <dt>CSS</dt>
    <dd><span>CSS</span>는 문서의 표현을 나타냅니다.</dd>
</dl>

 

A>

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #violet {
            color: violet;
        }

        .under {
            text-decoration: underline;
        }
    </style>
</head>

<body>
    <dl>
        <dt>HTML</dt>
        <dd><span id="violet">HTML</span>은 문서의 구조를 나타냅니다.</dd>
        <dt>CSS</dt>
        <dd><span class="under">CSS</span>는 문서의 표현을 나타냅니다.</dd>
    </dl>
</body>

</html>

 

R>

 

https://www.boostcourse.org/cs120/

 

비전공자를 위한 HTML/CSS

부스트코스 무료 강의

www.boostcourse.org

 

반응형