너와 나의 개발 고리

[CSS] CSS 적용 3가지 방법을 활용하여 작성하기 (문제 풀기) 본문

CSS _HTML_JavaScript/문제 풀이

[CSS] CSS 적용 3가지 방법을 활용하여 작성하기 (문제 풀기)

Oli-Viaaaa 2023. 7. 20. 15:40

문제 . 아래에 제시된 CSS 코드를 CSS 적용 방법 대로 각각의 파일에 적용해 보시오

p{
	color:red;
}

 

 

▼▼▼ 아래에 정답 있어요 ▼▼▼

 

1. 내부 스타일 시트 방법

더보기
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>내부 스타일 시트</title>
    <style>
      p{
        color:red;
      }
    </style>
  </head>
  <body>
    <p>내부 스타일 시트 방법(internal)</p>
  </body>
</html>
 

 

2. 외부 스타일 시트 방법

더보기
<HTML>
 
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="style.css">
    <title>외부 스타일 시트 방법</title>
  </head>
  <body>
    <p>외부 스타일 시트 방법(external)<p>
  </body>
</html>
 
=========================================
 
<CSS>
 
p {
    color: red;
}
 

 

3. 인라인 스타일 방법

더보기

<!DOCTYPE html>

<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>인라인 스타일</title>
  </head>
  <body>
    <p style="color: red;">인라인 스타일 방법(inline)<p>
  </body>
</html>

 

'CSS _HTML_JavaScript > 문제 풀이' 카테고리의 다른 글

[CSS] CSS 선택자를 활용하여 작성하기(문제 풀기)  (0) 2023.07.24
[HTML] 태그를 활용해서 HTML 코드로 작성해보기(문제 풀기)  (0) 2023.07.19
'CSS _HTML_JavaScript/문제 풀이' Related Articles more